创建移动jQuery切换菜单

Creating mobile jQuery Toggle menu

本文关键字：菜单 jQuery 移动 创建      更新时间：2023-09-26

我正在尝试为移动网站制作一个jQuery切换菜单。
因为它是一个wordpress网站，我想使这尽可能动态。我想创建一个自定义WordPress菜单。

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

之间切换:

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

当一个item没有子项时，什么都不应该发生。

到目前为止，我已经做到了这一点，请参阅我的实验http://jsfiddle.net/jfvandekamp/9Dvrr/2/

你可以使用jQuery函数$.contains()来检查一个DOM元素是否在另一个DOM元素中

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

在您的示例中，您将检查所单击的菜单项是否包含另一个UL元素

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

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

我已经更新了你的jsFiddle: http://jsfiddle.net/9Dvrr/5/

相关文章：