Javascript 使用jQuery选中单选按钮后切换内容

我如何解决这个问题？我想切换每个单选按钮的内容，若它被选中。另外，我如何设置默认选择的单选按钮

$（“.option detail”）.hide（）；
$（“.option”）。单击（函数（）{
$（this.next（'div'）.slideToggle（this.checked）；
});



选择1
这里有一些内容


选择2
这里有一些内容


选择3
这里有一些内容




单选按钮类似于复选框，不同的是当多个按钮共享相同的控件名称时，它们是互斥的：当其中一个按钮处于“打开”状态时，具有相同名称的所有其他按钮处于“关闭”状态

因此，无线电元素需要共享公共名称属性，以便它们相互排斥

<input type="radio" name="group" class="option">

我所做的改变：


我用
标签
元素包装
输入
元素，以提高可用性。此时，您可以单击文本或单选按钮来触发更改事件
我将事件从
单击
更改为
更改
每次触发事件时，我都会向上滑动所有
.option detail
元素。这样，一次只显示一个

如果希望在默认情况下选择单选按钮，请向其添加
checked
属性

<input type="radio" name="group" class="option" checked>




选择1
这里有一些内容


选择2
这里有一些内容


选择3
这里有一些内容


单选按钮需要名称。您可以通过添加checked属性来选择默认值。谢谢Josh，一如既往地对这个问题提供了非常有用和全面的答案！
<input type="radio" name="group" class="option" checked>

<input type="radio" name="group" class="option" checked="checked">