Jquery 드롭 다운 메뉴 더블 드롭

Question

jquery 드롭 다운 메뉴가있어 잘 작동합니다. 2 개의 요소를 슬라이드하는 데는 1 개의 문제 만 있지만 커서를 가져가는 요소 만 드롭 다운합니다. 웹 사이트에

링크 : 당신이 메뉴 위에 마우스를 이동할 때 HERE

jQuery를

$(document).ready(function() { 

     $('.sub_menu').hide(); //hiding the element 

     $('.trigger').mouseenter(function() { 
      $('.sub_menu').slideDown(350); 
     }).mouseleave(function() { 
      $('.sub_menu').slideUp(350); 
     }); 
}); 

HTML

<div id="nav"> 
      <ul class="main_menu"> 
       <li><a href="#">Home</a></li> 
       <li class="trigger"> 
        <a href="#">Hypotheken</a> 
        <ul class="sub_menu"> 
         <li><a href="#">Hypotheekvormen</a></li> 
         <li><a href="#">Hyporheek rente</a></li> 
         <li><a href="#">Nationale hypotheek garantie</a></li> 
        </ul> 
        <div class="clear"></div>      
       </li> 
       <li><a href="#">Verzekeringen</a></li> 
       <li class="trigger"> 
        <a href="#">Downloads</a> 
        <ul class="sub_menu"> 
         <li><a href="#">Hypotheekvormen</a></li> 
         <li><a href="#">Hyporheek rente</a></li> 
         <li><a href="#">Nationale hypotheek garantie</a></li> 
        </ul> 
       </li> 
       <li><a href="#">Contact</a></li> 
      </ul> 
     </div><!-- nav --> 

Answer 1

코드에서이

$(document).ready(function() { 

     $('.sub_menu').hide(); //hiding the element 

     $('.trigger').mouseenter(function() { 
      $(this).children('.sub_menu').slideDown(350); 
     }).mouseleave(function() { 
      $(this).children('.sub_menu').slideUp(350); 
     }); 
}); 

시도item .sub_menu 클래스의 모든 요소가 선택되고 애니메이션으로 표시됩니다. 그러나 현재의 자녀 만 있으면됩니다.