간단한 사이드 부트 스트랩 2 레벨 메뉴

Question

나는 내가 부트 스트랩과 아코디언을 사용하려고 SB Admin 2

이 템플릿에 같은 두 번째 수준 메뉴를 추가 할 수 있지만, 그렇지 않은이 템플릿 Simple Sidebar

을 사용하고 있습니다 보기 좋게

<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를 함께 할 붕괴를 아래로 슬라이드 기능 .on('click')를 display: none;에 2 메뉴를 설정하고 전화

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