manipulation with radio input in jquery
<p>hey guys i made a form with jquery and the only problem is in slideToggle function </p>

<p>jquery</p>

<pre><code>   $(".ChoosePayMethod").click(function(){
        var ID = $(this).attr("id");
    if ($('input[name=ChoosePayMethod]:checked')) {
        $("#PayMethod_"+ID).slideToggle("slow");

    }
</code></pre>

<p>html</p>

<pre><code>&lt;label&gt;&lt;input type="radio" name="ChoosePayMethod" value="epay" id="epay" class="ChoosePayMethod"/&gt;پرداخت آنلاین  توسط درگاه های اینترنتی &lt;/label&gt;&lt;br /&gt;    
&lt;label&gt;&lt;input type="radio" name="ChoosePayMethod" value="bpay" id="bpay" class="ChoosePayMethod" /&gt;پرداخت به روش ارسال شماره فیش بانکی &lt;/label&gt;&lt;br /&gt;
&lt;label&gt;&lt;input type="radio" name="ChoosePayMethod" value="cpay" id="cpay" class="ChoosePayMethod" /&gt;پرداخت به روش کارت به کارت و ثبت رسید&lt;/label&gt;&lt;br /&gt;


    &lt;div id="PayMethod_bpay" class="hidden" &gt; soon &lt;/div&gt;
    &lt;div id="PayMethod_cpay" class="hidden" &gt; soon &lt;/div&gt;
    &lt;div id="PayMethod_epay" class="hidden" &gt; soon &lt;/div&gt;
</code></pre>

<p>it slidetoggle when i click on radio box  but question is how to close other opened div boxes ?</p>

<p>i need this as i click on one radio input i have one opened div </p>
