How to close an accordion content when re-clicking the accordionbutton?
<p>There is a <code>JQuery</code> <code>accordion</code> :</p>

<pre><code>&lt;script type="text/javascript" &gt;

    $(document).ready(function() {

        $('div.accordionButton').click(function() {
            $('div.accordionContent').slideUp('slow');  
            $(this).next().slideDown('slow');
        });
        $("div.accordionContent").hide();

    });

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

<p>When I first click an object <code>div</code> "accordionButton" then its sub-content is shown by slide. How to hide this sub-content by re-clicking the object div "accordionButton" ?</p>
