.click function not working for links!
Hi everyone.
I have an expandable menu (not an accordion), that needs to toggle div elements below it. If I put the click event on the h3 of the menu, it works fine but as soon as I put it on the link, it doesn't work.
Any help is greatly appreciated.
JQUERY
-
$(document).ready(function(){
$(".expand").click(function(){
$(this).next("div").slideToggle("fast")
$(this).toggleClass("active");
});
});
HTML
-
<h3 class="normal">Consortium Committees<a href="#" class="expand" title="Expand Section">Expand</a></h3>
<div>
<ul>
<li><a href="#" title="">Consortium Steering Committee</a></li>
<li><a href="#" title="">Consortium Child Health Oversight Committee</a></li>
</ul>
</div>