Hide CSS Dropdown Menu On Click

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.

Tarik · Accepted Answer · 2012-04-06 22:18:06Z

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

answered Apr 6, 2012 at 22:18

Tarik

2,3014 gold badges22 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

NiK · Accepted Answer · 2012-04-06 22:14:29Z

1

For unhiding you can simply use

$("li.pureCssMenui").show();

answered Apr 6, 2012 at 22:14

NiK

1,8571 gold badge23 silver badges38 bronze badges

3 Comments

dougmacklin Over a year ago

yes but if i put that directly after the .hide() then the menu doesn't disappear at all

NiK Over a year ago

@DougieBear I just now browsed to your website and when i clicked on a sub menu...all the sub menu's are still there...can you explain a bit mroe as to what you are trying to acheive here...Thanks...

dougmacklin Over a year ago

yeah I'm trying to get rid of that. Tarik's solution worked :). Thanks for the help NiK!

Collectives™ on Stack Overflow

Hide CSS Dropdown Menu On Click

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related