jquery - 简单的侧边栏引导二级菜单

Question

我正在使用这个模板 Simple Sidebar

我想像这个模板一样添加二级菜单 SB Admin 2

我尝试在 bootstrap 中使用 Accordion ，但它看起来不太好

<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 即可:) ...将第二个菜单设置为 display: none; 并调用向下滑动的函数 .on('click')崩溃

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