2011-06-12 7 views
1

당신을 위해 정말 간단 할 수도 있습니다.) 나는 링크 목록이 있고 그 중 하나를 클릭하면 형제 링크가 표시되어야합니다. 내가 링크를 클릭하면 하나의 목록에 사라지지만, 나는 형제 자매 목록이 사라 지길 원합니다. 클릭 형제 리를 보여주고 형제 li - jQuery

는 내가 제대로 질문을 이해 한 경우 http://jsfiddle.net/jelm/UkRNL/

<div class="menu"> 
<ul> 
    <li><a href="#">item one</a> 
     <ul class="children"> 
      <li>children of item one</li> 
      <li>children of item one</li> 
     </ul> 
    </li> 

    <li><a href="#">item two</a> 
     <ul class="children"> 
      <li>children of item two</li> 
      <li>children of item two</li> 
     </ul> 
    </li> 
</ul> 
</div> 

$(document).ready(function() { 
    $('li > ul').hide(); 
    $('.menu li > a').click(function() { 
     $(this).next().fadeIn('slow'); 
    return false; 
    }); 
}); 

답변

2

this what you want입니다 ... 난 당신이 더 잘 이해 할 수 봐?

click 이벤트 핸들러 내에서 $('li > ul').hide();을 사용하여 올바른 세트가 사라지기 전에 링크를 클릭 할 때 자식 ul 요소를 숨겼습니다.

+0

예, 고맙습니다. – jelm