多级菜单激活激活

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 第一级菜单和 ACCdiv 显示但不工作。我可以点击B2菜单Higlight New1-一级菜单和Condiv二级菜单不正确吗？

Answer 1

您希望单击 b 时显示

b1+b2，单击时显示 a1+a2？

如果是这样，您的函数就可以了（预计不会关闭函数）。

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

查看此演示。

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

#con, #acc {
    display: none;
}