避免手风琴菜单中的空列表项?

时间:2012-11-22 09:58:45

标签: jquery html css3

我正在接受这个问题的接受答案中的jQuery示例后尝试手风琴菜单:jquery: 3 level vertical menu

$(document).ready(function() {
$('li').click(function(ev) {
$(this).find('>ul').slideToggle()
    .end().siblings().find('ul').slideUp();
ev.stopPropagation();
});
});

我的问题是,当我添加css使其看起来有点像jQm listview时,它会在Level 2和Level 3之下获得空列表项。如果我删除:

display: block;

从css菜单看起来像一个列表,没有空的列表项。有没有办法绕过它,我可以保持块状外观?

请检查我的小提琴是否有完整代码: http://jsfiddle.net/karin_A/aCaEG/564/

1 个答案:

答案 0 :(得分:0)

你只是遗漏了几个结束标签。

<li><a href="#"> Level 2



<li><a href="#"> Level 3