부모의 자녀 ul에 어떻게?

Question

나는 스팬 클릭의 부모 리를 얻고 그 리

<ul id="menu"> 
    <div> 
    <li class="reveal"> 
     <a href="##">!!!!!!!!!!!!</a> 
     <span class="arrow_open">↓</span><br/> <!-- clicking this one --> 
     <ul> <!-- display this one --> 
     <li>a</li> 
     <li>b</li> 
     <li>c</li> 
     </ul> 
    </li> 
    </div> 
</ul> 

그리고 내 코드의 아이 UL를 표시해야합니다.

$(function() { 
    $(this).parent("li").child("ul").slideToggle(); 
}); 

Answer 1

당신은 당신의 준비 기능이 넣어 그래서

$(function() { 
    $('#menu .reveal span').on('click', function(){ 
     $(this).parent().find("ul").slideToggle(); 
    }); 
}); 

Answer 2

처럼, 스팬의 클릭 핸들러를 설정해야합니다 :

$(".reveal span").click(function() { 
    $(this).parent("li").children("ul").slideToggle(); 
}); 

는 여기에 바이올린입니다 : http://jsfiddle.net/jeffman/BWJzJ/을 사용해보십시오.

Answer 3

이이 코드를 사용하여 빠르게 처리 될 수 있지만, 당신은 단지 당신의 연결 후 (귀하의 예제처럼) 귀하의 하위 메뉴를 설정해야합니다 : 그것은 작동해야처럼 보이는

$(function() { 
    $('#menu .reveal .arrow_open').on('click', function(){ 
     $(this).next().slideToggle(); 
    }); 
});