创建移动jQuery切换菜单

Question

我正在尝试为移动网站制作一个jQuery切换菜单 由于它是一个wordpress网站，我想尽可能让它变得动态。我想创建一个自定义的WordPress菜单。

现在棘手的部分来了。
我希望它检查菜单项是否有子项（或子ul），然后在：

之间切换

<div class="plus">+</div>和<div class="min">-</div>。

当一个项目没有孩子时，根本不会发生任何事情。

到目前为止，我已成功完成此操作，请在http://jsfiddle.net/jfvandekamp/9Dvrr/2/

查看我的实验

Answer 1

您可以使用jQuery函数$ .contains（）来检查DOM元素是否在另一个DOM元素中。

http://api.jquery.com/jQuery.contains/

因此，在您的示例中，您将检查单击的菜单项是否包含其他UL元素

$jQuery.contains($(this), '<ul>');

Answer 2

我会使用$.has()过滤掉可折叠的项目。

我已更新您的jsFiddle： http://jsfiddle.net/9Dvrr/5/