[jQuery] slideUp and slideDown works only once
Hi,
I have the following code:
$(document).ready(function() {
$('.artistspanel').hide();
$("#teamcontainer h2").click(function(){
$('#teamcontainer div:visible').not('.hr').slideUp('slow');
$('.'+$(this).attr("id")).slideDown('slow').show();
});
});
Which runs with the html:
<div id="teamcontainer">
<h2 id="panelone">Panel 1</h2>
<div class="artistspanel panelone">
//content
</div>
<div class="clear hr"></div>
<h2 id="paneltwo">Panel 2</h2>
<div class="artistspanel paneltwo">
//content
</div>
<div class="clear hr"></div>
<h2 id="panelthree">Panel 3</h2>
<div class="artistspanel panelthree">
//content
</div>
</div>
It runs the slide up and slide down fine one round, but clicking the
h2 again doesn't do anything. Any suggestions?