[jQuery] slideUp and slideDown works only once

[adw999]

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?