Скрыть выпадающее меню CSS при нажатии

У меня есть раскрывающееся меню CSS, которое работает так, как я хочу, за исключением одной части: нажатие на один из элементов подменю не закрывает подменю.

Большинство людей, вероятно, не заботятся об этом, потому что каждая ссылка будет вести их на новую страницу, но моя просто остается на той же странице и вызывает функцию javascript.

Используя jquery, я могу скрыть подменю при щелчке следующим образом:

        $("ul.pureCssMenu li a").live('click', function() {
            $("li.pureCssMenui").hide();
        });

Однако после нажатия на одно подменю все подменю теперь скрыты навсегда. Есть ли способ показать это, не делая что-то дрянное, например, таймер? Или лучший способ приблизиться к этому в целом?

Вот страница, над которой я работаю: http://www.nba.com/warriors/wallpapertest_031.html

Заранее спасибо.


person dougmacklin    schedule 06.04.2012    source источник


Ответы (2)


Вы должны скрыть ‹ UL > внутри, а не ‹ LI > так что-то вроде этого

$("ul.pureCssMenu li a").live('click', function() {
            $("li.pureCssMenui ul").hide();
 });
person Tarik    schedule 06.04.2012

Для отображения вы можете просто использовать

$("li.pureCssMenui").show();
person NiK    schedule 06.04.2012
comment
да, но если я поставлю это сразу после .hide(), то меню вообще не исчезнет - person dougmacklin; 07.04.2012
comment
@DougieBear Я только что просмотрел ваш веб-сайт, и когда я щелкнул подменю ... все подменю все еще там ... не могли бы вы немного объяснить, чего вы пытаетесь достичь здесь ... Спасибо. .. - person NiK; 07.04.2012
comment
да, я пытаюсь избавиться от этого. Решение Тарика сработало :). Спасибо за помощь NiK! - person dougmacklin; 07.04.2012