активация многоуровневого меню

Question

активация многоуровневого меню

0

Это не работает для меня. У меня это так:

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, выделить новое меню первого уровня, а acc div показать, но не работает. могу ли я щелкнуть меню b2 higlight new1-firstlevel menu и меню второго уровня con div не правильно.

user2484820 20 сен. 2013, в 13:17

Источник

Теги:

html

css

1 ответ

Ещё вопросы

LinkinTED · Answer 1 · 2013-09-20T09-18-00.000Z

Вы хотите, чтобы b1 + b2 показывался при нажатии кнопки b и a1 + a2, когда нажата кнопка a?

Если это так, ваша функция в порядке (не ожидайте закрытия функции).

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

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

Проверьте это демо.

Я добавил это в таблицу стилей, поэтому оба подменю не отображаются при загрузке страницы.

#con, #acc {
    display: none;
}