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菜单higlight 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();
});

选中demo。

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

#con, #acc {
    display: none;
}

多级菜单激活激活

1 个答案: