0

リストの最後のラジオ ボタンをクリックすると、非表示の div がすべて表示され、別のラジオ ボタンを選択しても、開いているすべての div が閉じません。私は近くにいることを知っています...しかし、何かが欠けています。

    $(document).ready(function() {
      $('input').on('change',function(){
      $(".groupNumber").hide().filter(":lt(" + this.value + ")").slideToggle("slow");
      });
    });

鎖の最初に「隠れる」ということで気をつけていると思いました。

HTML

<table cellpadding="0" cellspacing="0">
<tr>
<td width="25"><input type="radio" name="rNumber" value="1"></td>
<td width="25"><input type="radio" name="rNumber" value="2"></td>
<td width="25"><input type="radio" name="rNumber" value="3"></td>
</tr>
</table>

div は次のとおりです。

<div id="grp1" class="groupNumber">Content Here</div>
<div id="grp2" class="groupNumber">Content Here</div>
<div id="grp3" class="groupNumber">Content Here</div>

私が欲しいのは、対応するラジオボタンが表示され、開いている可能性のある他のボタンを閉じるための div です。

4

1 に答える 1