如何在单选按钮以托运形式decollapse节(How to decollapse section

我简单的想知道如何瓦解一个div部分时，像下面一个单选按钮被选中

我要检查的崩溃一节单选按钮

<div>
    @Html.RadioButtonFor(model => model.Transaction.PaymentProvider, "2")
    @Html.LabelFor(model => model.Transaction.PaymentProvider, "Pay with Credit Card")
</div>

节，我想如果崩溃以上单选框选中

<div class="panel-body">
    <table border="0" cellspacing="0" cellpadding="0" align="middle">
        <tr>
            <td width="100" border="0" class="paylabel">Card Number:</td>
            <td colspan="3" width="335" border="0" class="paylabel">
                <div class="editor-field">
                    @Html.EditorFor(model => model.Transaction.CreditCard.CardNumber)
                    @Html.ValidationMessageFor(model => model.Transaction.CreditCard.CardNumber)
                </div>
            </td>
        </tr>
    </table>
</div>

我使用的引导，并试图手风琴类，但只有具有超链接的作品，我不知道如何使一个条件如果单选按钮被选中，那么decollapse

<label class="radio">
<input checked="checked" data-val="true" data-val-number="The field PaymentProvider must be a number." data-val-required="The PaymentProvider field is required." id="Transaction_PaymentProvider" name="Transaction.PaymentProvider" type="radio" value="1"/>
<label for="Transaction_PaymentProvider">Pay with PayPal</label>
 <input id="Transaction_PaymentProvider" name="Transaction.PaymentProvider" type="radio" value="2" />
<label for="Transaction_PaymentProvider">Pay with Credit Card</label>
 </label>

这是正在从IE调试代码

使用信息从这里jQuery的点击单选按钮事件不会被解雇

$("input[name=Transaction_PaymentProvider]").click(function(){
    if($('input:radio[name=Transaction_PaymentProvider]:checked').val() == "2"){
        $('.panel-body').show();
    }else{
        $('.panel-body').hide();
    }
}

您需要看单选按钮会产生什么名字。我不记得名字会。要么 _。 http://api.jquery.com/show/和http://api.jquery.com/hide/去了方式，你可以自定义的效果。希望这有助于。