如何使用多个收音机在jquery中隐藏/显示内容

我有几个收音机，当选择值为“true”的收音机时，它应该在下面显示一个div。如果为“false”，则应隐藏其下方的div。 这就是我到目前为止所做的：

如果为TRUE，则显示输入字段。如果为FALSE，则隐藏输入字段

我的小提琴：

默认情况下，所有带有“True”的收音机都应选中，但它不工作。 单击功能也不会隐藏/显示下面的输入字段

我怎样才能使它正常工作

if（$（'.notify email false'）.is（':checked'））{
$（'.notify email input'）.hide（）；
}
$（'.notify email'）。单击（函数（）{
var inputValue=$（this.attr（“值”）；
如果（inputValue=='true'）{
$（this）.最近（'.notify email input'）.show（'slow'）；
}否则{
$（this）.最近（'.notify email input'）。隐藏（'slow'）；
}
});

真的
假的
电子邮件：




真的
假的
电子邮件：




真的
假的
电子邮件：

为什么不使用切换。如此短的输入不需要持续时间

我用div包装，以便使用最接近的

我还必须给每台收音机起不同的名字


$（'.notify email:checked'）。每个（函数（）{
$（this.closest（“div”）.find（“.notify email input”）.toggle（this.value==“true”）；
})
$（'.notify email'）。在（“单击”，函数（）上）{
$（this.closest（“div”）.find（“.notify email input”）.toggle（this.value==“true”）；
});

真的
假的
电子邮件：

真的
假的
电子邮件：

真的
假的
电子邮件：

非常有魅力！我同意，切换要容易得多