I am looking at this plugin to be used as part of my Bootstrap 3 project, i.e.:
but being new to Bootstrap, I am unsure on how to expand on this left slideout menu so that it will also cater for child list items/records as at the moment, this plugin only represents top level menu items.
How can I add 5 sub-menu items to the top level API menu option?
Please note also that I am looking at dynamically creating my menu items based off an Oracle database table and used within Oracle APEX.
I will also require some form of indicator at the parent level, to depict that a child menu options exist.
NOTE: I need this to work with IE8 browser.
The current usage code is as follows:
<div class="sb-slidebar sb-left sb-active">
<nav>
<ul class="sb-menu">
<li><img src="http://plugins.adchsm.me/slidebars/images/[email protected]" alt="Slidebars" width="118" height="40"></li>
<li class="sb-close"><a href="http://plugins.adchsm.me/slidebars/">Home</a></li>
<li class="sb-close"><a href="http://plugins.adchsm.me/slidebars/index.php#download">Download</a></li>
<li class="sb-close"><a href="http://plugins.adchsm.me/slidebars/usage.php">Usage</a></li>
<li class="sb-close"><a href="http://plugins.adchsm.me/slidebars/usage.php#api">API</a></li>
<li class="sb-close"><a href="http://plugins.adchsm.me/slidebars/compatibility.php">Compatibility</a></li>
<li class="sb-close"><a href="http://plugins.adchsm.me/slidebars/issues.php">Issues</a></li>
<li class="sb-close"><a href="http://plugins.adchsm.me/slidebars/contact.php">Contact</a></li>
<li class="sb-close"><a class="github" href="https://github.com/adchsm/Slidebars">Github</a></li>
<li class="sb-close"><span class="sb-open-right">About the Author</span></li>
<li class="sb-close"><small>Slidebars © 2014 Adam Smith</small></li>
</ul>
</nav>
</div>