多级菜单激活激活

Question

这对我不起作用，我是这样的：

A = first level link
[menu-link:parent:url:path]
B = second level link
[menu-link:parent:url:path]
C = third level link
[node:menu-link:parent:url:path]

我做错了什么吗？

一级菜单：

<ul class="topmenu">
    <li><a id="new">a</a></li>
    <li><a id="new1">b</a></li>
</ul>

第二级和第三级菜单：

<div id="con">
    <ul>
        <li>a1</li>
        <li>a2</li>
    </ul>
</div>
<div id="acc">
    <ul>
        <li>b1</li>
        <li><a href="b2.aspx">b2</a></li>
    </ul>
</div>

在使用jquery的第一级菜单中：

$("#new").click(function () {

    $("#con").show();
    $("#acc").hide();

}

$("#new1").click(function () {

    $("#acc").show();
    $("#con").hide();

}

但我可以点击b2菜单，突出显示new1第一级菜单和acc div是显示，但不工作。我是否可以单击b2菜单亮显新的1-一级菜单和第二级菜单不正确。

Answer 1

您希望在单击b时显示b1+b2，在单击a时显示a1+a2吗？

如果是这样的话，你的函数就没问题(除了不关闭函数)。

$("#new").click(function () {
    $("#con").show();
    $("#acc").hide();
});

$("#new1").click(function () {
    $("#acc").show();
    $("#con").hide();
});

检查此。

我将其添加到样式表中，因此两个子菜单都不会在页面加载时显示。

#con, #acc {
    display: none;
}