jquery accordian, set slide up before sliding down
<p>I have an accordian that I have made. I would like to close the sibling open div before revealing the clicked items content.</p>

<p>here is the jquery</p>

<pre><code>$('.column h1').click(function() {  
    $(this).css('outline','none');  
    if($(this).parent().hasClass('current')) {  
        $(this).siblings('.toggle').slideUp('slow',function() {  
            $(this).parent().removeClass('current');  
        });  
    } else {  
        $('.current .toggle').slideUp('slow',function() {  
            $(this).parent().removeClass('current');  
        });  
        $(this).siblings('.toggle').slideToggle('slow',function() {  
            $(this).parent().toggleClass('current');  
        });  
    }  
    return false;  
}); 
</code></pre>

<p>here is the html</p>

<pre><code>   &lt;section class="column" id="about"&gt;
            &lt;h1&gt;&lt;?php the_title(); ?&gt;&lt;/h1&gt;
            &lt;div class="toggle"&gt;

            &lt;/div&gt;
        &lt;/section&gt;


        &lt;!-- recent work --&gt;
        &lt;section class="column" id="recent"&gt;
            &lt;h1&gt;recent work&lt;/h1&gt;
            &lt;div class="toggle"&gt;

            &lt;/div&gt;
        &lt;/section&gt;
</code></pre>
