2010-05-17 2 views
0

관련 레벨의 첫 번째 레벨에 마우스를 올려 놓으면 두 번째 레벨을 전환하려는 경우 ul.jQuery는 현재 리에 만 적용됩니다.

현재 스크립트는 마우스 오버시 모든 보조 ul을 표시합니다.

<div id="subNav"> 
<ul> 
    <li>One</li> 
     <ul> 
      <li>SubOne</li> 
     </ul> 
    </li> 
    <li>Two</li> 
    <li> 
     <ul> 
      <li>SubTwo</li> 
     </ul> 
    </li> 
</ul> 
</div> 

그리고 여기 당신은 함수 내 $(this)와 대상이 필요 내 jQuery를

$("#sideNav ul li").hover(
     function(){ 
      $('#sideNav ul li ul').slideDown(); 
     }, 
     function(){ 
      $('#sideNav ul li ul').slideUp(); 
     } 
    ); 

답변

1

입니다.

$("#subNav>ul>li").hover(
    function(){ 
     $(this).children('ul').slideDown(); 
    }, 
    function(){ 
     $(this).children('ul').slideUp(); 
    } 
); 

참고 : 위의 내용은 root ul에서만 사용할 수 있습니다. 나는 그것이 당신이하고 싶은 일이라고 생각합니다.

0

시도는 :

$(this).find('ul') 

나는 이것을 테스트하지 않았습니다.

HTH