Блог

Я использую этот шаблон простой боковой панели

Я хочу добавить меню второго уровня, как в этом шаблоне 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>
  

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

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

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