我想制作一个简单的方法来在用户单击单选按钮时隐藏/显示内容。我不想一遍又一遍地使用 ID,而是想使用类制作一个更通用的选择器,这样我就可以在整个站点中重新应用它。
我想我没有在父 div (.radio-show) 之外找到 .next .radio-show-content?
$('.radio-show input:radio').click(function() {
$(this).closest('div').next().find('.radio-show-content').fadeToggle(250).toggleClass('hide');
});
<div class="radio-show" >
<label class="radio span1">
<input type="radio" name="project" value="option1" checked>
Yes
</label>
<label class="radio span1">
<input type="radio" name="project" value="option2">
No
</label>
</div>
<hr />
<div class="radio-show-content"><!-- yes -->
Show this if Yes
</div>
<div class="radio-show-content hide"><!-- no-->
Show this if No
</div>