リストの最後のラジオ ボタンをクリックすると、非表示の 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 です。