JQuery toggle menu hide/show (close other menus when new menu opens)?

You can do something like this: $(function() { $("ul li a"). Click(function() { $(this).parent().next(). Toggle("fast").

Siblings("id"). You can test it out here, what this does it toggle the sibling still, but then looks at its .siblings() that have an ID attribute and .hide() them if show. If the markup isn't locked in, you could simplify it further like this: Us about thedot Portfolio Contact contact deets Twitter some twitter shit Blog And script like this: $(function() { $("li.

Content").hide(); $("ul. Navigation"). Delegate("li.

Toggle", "click", function() { $(this).next(). Toggle("fast"). Siblings(".

Content"). It's a matter of preference, but I find this approach a bit cleaner and more style-able, check out the result here.

I was writing such a crappy solution compared to this one... – cambraca Nov 30 '10 at 23:37 Ah, genius :) the 1st bit of code works perfectly. I've actually got a lot of php and other stuff going on in the menus, so its more of a reveal section than menu. And I found when I re-wrote it to fit in the 2nd alternative which is a lot tidier that it messed with alot of the other styles.So thanks but i'll use your first answer :) THANK YOU EVER SO MUCH :) – Owen Melbourne Dec 1 '10 at 0:07.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.