Question

I have a CSS dropdown menu that is functioning how I want it to except for one part, clicking on one of the submenu items does not close the submenu.

Most people probably don’t care about this because each link will take them to a new page, but mine just stays on the same page and calls a javascript function.

Using jquery, I am able to hide the submenus on click like so:

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

However after one submenu is clicked on, all submenus are now hidden forever. Is there a way to unhide it without doing something cheesy like a timer? Or a better way to approach this in general?

Here is the page I’m working on:
http://www.nba.com/warriors/wallpapertest_031.html

Thanks in advance.

Answer 1

You should hide the < UL > inside not the < LI >
so something like this

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