我需要一个看起来像选择框的菜单,但它是由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插件已经完成了我需要的工作?
答案 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语句就会被执行。