来自UL的jQuery菜单

时间:2013-01-09 06:41:39

标签: jquery jquery-plugins

我需要一个看起来像选择框的菜单,但它是由Wordpress生成的UL制作的。我想使用jQuery show / hide,而不是将其转换为创建样式问题的实际选择框。

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

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

我需要用更好的代码替换这行代码:

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

使用下一个LI的问题是最后一个菜单项不起作用。请问任何建议,或者知道jQuery插件已经完成了我需要的工作?

1 个答案:

答案 0 :(得分:0)

您可以尝试使用此功能: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会起作用。

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