如何使用特定类切换列表项的子项

Question

在用户点击父.toggle后，如何使用jQuery sub-menu li menu-item li类 <ul class="menu"> <li class="menu-item"><a href="#">Click Here To Toggle Child UL</a> <ul class="sub-menu"><!-- Toggle all this --> <li class="menu-item"><a href="..">Sub Menu Item 1</a></li> <li class="menu-item"><a href="..">Sub Menu Item 2</a></li> </ul><!-- Toggle all this --> </li> <li class="menu-item"><a href="#">Menu Item Without Children</a></li> </ul> 。菜单遵循以下模式：

li

我知道我需要检查menu-item类ul是否有sub-menu孩子的ul类，如果是，请切换{{1}} 1}}。但我不知道为此编写代码最好。任何帮助，将不胜感激。

Answer 1

使用jQuery库使用以下命令：

$('.menu > .menu-item:has(ul) > a').click(function() {
    $(this).siblings('ul').toggle();
    return false;
});

jsfiddle：http://jsfiddle.net/GGg44/3/

Answer 2

preventDefault或return false以不激活锚元素的默认操作：

http://jsbin.com/itegun/edit#javascript,html,live