중첩 된 여러 드롭 다운 메뉴 부트 스트랩

Question

나는이 같은 다운 메뉴 중첩 된 드롭을 만들었습니다. 내가 드롭 다운 버튼을 클릭하고 아래로 다른 드롭을 클릭하면 내 스타일로

<li class="dropdown-submenu"> 
    <a class="test" tabindex="-1" href="#">Products <span class="caret"> 
</span></a> 
    <ul class="dropdown-menu"> 
     <li class="dropdown-submenu"> 
     <a class="test" href="#">Women <span class="caret"></span></a> 
     <ul class="dropdown-menu"> 
      <li><a href="#">Blouse</a></li> 
      <li><a href="#">Sweater</a></li> 
     </ul> 
      ... 
     </li> 
    </ul> 
</li> 

.dropdown-submenu { 
    position: relative;} 

.dropdown-submenu .dropdown-menu { 
    top: 0; 
    left: 100%; 
    margin-top: -1px;} 

그러나, 이전의 것들 닫지 따라서는 중복을 유지합니다 않습니다. 목록을 닫으려면 어떻게해야합니까?

Answer 1

당신이 시도 할 수있는 한 가지 방법은 jQuery를 사용하여 신체의 다른 곳 어디에서나 "클릭"하는 사용자를 에뮬레이션하는 것입니다.

$("body").trigger("click");