Javascript 使用Jquery显示隐藏div和单选框

我有四个像这样的

收音机盒

：

<input type="radio" checked="checked" value="" name="display" style="">Home</input>
<input type="radio" value="" name="display" style="">Featured</input>
<input type="radio" value="" name="display" style="">Normal</input>
<input type="radio" value="" name="display" style="">Draft</input>

<div id="Featured" style="display:none">Featured desc</div>
<div id="Normal" style="display:none">Normal desc</div>
<div id="Draft" style="display:none">Draft desc</div>

现在，我需要在

单击/selected

后，使用jQuery显示具有相同

id

的div单选按钮

---

注意：对于家庭广播框，我不需要任何div。

注意，输入是自动关闭的，不能包含文本，因此您必须将其更改为

<input type="radio" value="" name="display" />Featured

---

答案与问题一样具有描述性。非常好。我肯定你投了反对票，因为你甚至没有暗示你已经尝试过任何东西。你必须展示你为我们所做的一切来帮助你。我们不仅仅为您编写代码。

<div id="Featured" class="desc" style="display:none">Featured desc</div>

$('input[type="radio"]').on('change', function() {
    $('.desc').hide();
    $('#' + $.trim(this.nextSibling.nodeValue)).toggle(this.checked);
});