Вопрос по jQuery

Вы просите сделать за вас? Тогда вам в другой раздел.

Если вы просите помощи, то покажите, что сделали уже сами и что конкретно не получилось..

<script>

jQuery(document).ready(function() {

    // Выбираем все ссылки из .menu-item имеющего во вложении .sub-menu

    jQuery('.menu_sidebar_top .menu-item:has(.sub-menu)').children('a').toggle(

    function() {

        // Показываем вложенный пункт

        jQuery(this).parent('.menu-item').children('.sub-menu').css('display', 'block');

    }, function() {

        // Скрываем вложенный пункт

        jQuery(this).parent('.menu-item').children('.sub-menu').css('display', 'none');

    });

    // Раскрываем родительский пункт меню если активна дочерняя страница

    jQuery('.current-menu-item').parent('ul').css('display', 'block');

});

</script>

Это скрипт, который делает меню сайта выпадающим.

Дефолтное состояние меню:

• Страница 1
• Страница 2
• Страница 3

При клике на пункт меню "Страница 1", страница не перезагружается (мы остаемся на прежней странице), а открывается только под-меню:

• Страница 1
• Под-страница 1
• Под-страница 2
• Под-страница 3
• Страница 2
• Страница 3

Мне нужно сделать так, чтобы при клике на "Страница 1", открылась сама страница 1 + развернулось под-меню...

А как это сделать, что дописать - не знаю...

Гадость какую-то Вы задумали.

Что значит "открылась" сама страница? перезагрузка страницы должна произойти? Объясните подробнее.

Я реализовывал подобное с помощью кук... коряво, конечно, но другого метода не нашёл )) суть такая:

1. Пользователь кликает на меню.

2. Система анализирует состояние меню (свёрнуто / развёрнуто) и запоминает его в куках. Т.е. устанавливает куку на комп юзера

3. Если меню свёрнуто - команда развернуть

4. Если развёрнуто - соответственно, свернуть :)

В наше время вероятность, что у юзера отключены куки стремится к нулю. Так что вариант практически на 100% рабочий

К теме прикладываю свой JS-файл (писано на MooTools, но на jQuery несложно переделать). Писал с использованием фреймворка ибо нужна была кроссбраузерность.

PS Там, правда, нет функционала, нужного вам, но я считаю, что этот файл - очень большое подспорье вам в работе :) тут есть всё что я описал выше в 4 пунктах.

[

<script>
jQuery(document).ready(function() {
    // Раскрываем родительский пункт меню если активна дочерняя страница
    jQuery('.current-menu-item').parent('ul').css('display', 'block');
    jQuery('.current-menu-item').parent('.menu-item').children('.sub-menu').css('display', 'block');
});
</script>

Не пробовал, но должно работать :)

Т.е. вам их вообще открывать не надо, вам надо только разворачивать активные.

Всем спасибо! работает