如何为父母的孩子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

必须设置上跨度click处理，像这样

$(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(); 
    }); 
});