Question

I have a navigation menu on left and I am using jquery to slide down the sub menu when I click on h3 it is going right for me as it is showing the hidden menu when I click it but if I click on second h3 it also opens but does not close the previous h3 content.

here is a link to see what I am talking about.

Thanks to roXon my problem got solved but now when I am adding a hyperlink to inside h3 tag it ‘s not working.

Answer 1

This one will allow you to:

• Hide all opened before opening the clicked one
• Toggle (show/hide) on one “button”

http://jsbin.com/welcome/69899/edit

$(document).ready(function (){


$('.hide').hide();
$('.arrowlistmenu li:has(".hide")').find('h3').click(function() {
    var el = $(this).next('.hide'),
    check = (el.is(':visible')) ? el.slideUp() : ($('.hide').slideUp()) (el.slideDown());
});


});