простой боковой панели меню начальной загрузки второго уровня

Question

Я использую этот шаблон Simple Sidebar

Я хочу добавить второе меню уровня, как в этом шаблоне SB Admin 2

Я попытался использовать аккордеон с начальной загрузки, но это не делает хорошо выглядеть

<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> 

У вас есть предложение?

Answer 1

Просто сделай это с JQuery :) ... установить 2-ое меню display: none; и вызвать функцию .on('click'), которая скользит вниз коллапс

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