无序的HTML列表，里面有无序列表。紧挨着包裹着

Question

我得到一个我想要样式的cms的无序列表。 它运行良好，但仅适用于第一个<li id="link-18">元素。我的目标是将<ul>块一直设置为样式，就像第一个一样。请参阅http://jsfiddle.net/UyrdS/3/（第二个和第三个链接显示切换的<ul>块不在顶部）

如果点击了第二个链接（级别2），则切换的新<ul>块会显示在导航旁边，但不会像级别1那样位于顶部，一个链接会与其子元素<ul>一起显示

Answer 1

您可以更改css以生成一个不错的子菜单

nav ul>li>ul {
  display: none;
  margin-left:2em;
}

请参阅http://jsfiddle.net/WrcMX/

上的示例

Answer 2

我认为this是您想要的

alllinks = $("ul>li>ul");
$('nav a').on('click', function(e) {
    alllinks.hide(); //First hide all the links
    e.preventDefault();
    if ($(this).parent().children('ul').size() > 0) {
        $(this).parent().children('ul').toggle();
    }
});

Answer 3

我放弃了。我是一个相当糟糕的询问者:) 谢谢你的回答。感谢大家花时间。这个小提琴最接近我的问题。

http://jsfiddle.net/UyrdS/6/

但它不是动态的。它有一个静态宽度。这仍然是问题。