html - 多级菜单激活激活

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 菜单突出显示 new1-firstlevel 菜单和 con div 二级菜单不正确。

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;
}