jquery - 来自 UL 的 jQuery 菜单

Question

我需要一个看起来像选择框的菜单，但它是由 Wordpress 生成的 UL 制成的。我不想将其转换为会产生样式问题的实际选择框，而是想使用 jQuery 显示/隐藏。

我找不到为此制作的任何 jQuery 插件 - 从 UL 中制作一个小选择菜单。我最终想要的外观是这样的：http ://shaggysmile.github.com/jQueryCoreUISelect/ 。但是这个插件使用了一个实际的选择框，我在 Wordpress 中使用了 UL。

这是小提琴：http: //jsfiddle.net/uthNv/1/

我需要用更好的东西替换这行代码：

if($(this).next('li').is(':hidden') == true) {

使用下一个 LI 的问题是最后一个菜单项不起作用。请有任何建议，或者了解已经满足我需要的 jQuery 插件？

score 0 · Accepted Answer

你可以试试这个：http: //jsfiddle.net/uthNv/2/

if($(this).siblings('li:hidden').length) {

你的情况it was checking only the next li which is hidden不是以前的问题，所以if you use .siblings() which is at same level这会起作用。

在这种情况下，您可以检查.length隐藏的 li 如果这是真的，那么您的 else 语句将被执行。

1 回答 1