How do I slide down one tab and close any others that are open (JQuery/JavaScript)
<p>Here is my code:</p>

<pre><code>&lt;script&gt;                                                            
    $(document).ready(function () { 

        $('#t1').click(function() {  
            $('#p1').slideToggle('slow');
            $("#pm1, #pm1h").toggle(0); 
            removeContainer();
            $("#load1").load('file', showPlayer);   
        });

        $('#t2').click(function() {
            $('#p2').slideToggle('slow');
            $("#pm2, #pm2h").toggle(0);       removeContainer();
            $("#load2").load('file', showPlayer);
        });

        $('#t3').click(function() {
            $('#p3').slideToggle('slow');
            $("#pm3, #pm3h").toggle(0);       removeContainer();
            $("#load3").load('file', showPlayer);
        });

        $('#t4').click(function() {
            $('#p4').slideToggle('slow');
            $("#pm4, #pm4h").toggle(0);       removeContainer();
            $("#load4").load('file', showPlayer);
        });


    });
    &lt;/script&gt;
</code></pre>

<p>Alright so what I want to do is when someone clicks on t1,t2,t3 or t4, all the other tabs that are in the slide down position will slide up (For example if t3 and t4 are down, once I click on t1 the t3 and t4 will slide up and then the t1 will slide down). This will make it so that only one tab can be open at a time.</p>

<p>I also need the proper toggle to correspond with the position of the tab. By default all tabs are hidden and all have a plus sign but when you click on any tab it will expand and have a negative sign. I this to stay true.</p>

<p>Can anyone help or need more clarification?</p>
