einfache Sidebar Bootstrap 2. Ebene Menü

Question

Ich verwende diese Vorlage Simple Sidebar

Ich möchte wie in dieser Vorlage eine zweite Ebene Menü hinzufügen SB Admin 2

Ich habe versucht, ein Akkordeon mit Bootstrap zu verwenden, aber es funktioniert nicht gut aussehen

<div id="sidebar-wrapper"> 
    <ul class="sidebar-nav"> 
    <li class="sidebar-brand"> 
     <a href="#"> 
      Start Bootstrap 
     </a> 
    </li> 
    <a href="#demo4" class="list-group-item list-group-item-success" data-toggle="collapse" > Fist <span class="fa arrow"></span></a> 
    <div class="collapse" id="demo4"> 
     <a href="" class="list-group-item">Dashboard</a> 
     <a href="" class="list-group-item">Shortcuts</a> 
     <a href="" class="list-group-item">Overview</a> 
     <a href="" class="list-group-item">Events</a> 
    </div> 
    </ul> 
</div> 

Haben Sie einen Vorschlag?

Answer 1

Just do it mit jQuery :) ... stellen Sie das zweite Menü display: none; und ruft eine Funktion .on('click'), die den Zusammenbruch nach unten gleitet

$('.link-with-submenu').on('click', function(e){ 
    e.preventDefault(); 
    $(this).next('.collapse').slideDown(); 
});