使用单选按钮触发多个jQuery切换

使用单选按钮触发多个jQuery切换,jquery,radio-button,toggle,Jquery,Radio Button,Toggle,我已经设法弄清楚了当用户单击单选按钮时如何显示div 演示: 问题是,如果我在一个页面上有不止一个这样的测验,单击单选按钮将触发所有测验以显示答案 我尝试过更改类(例如selfTestAnswer2、selfTestAnswer3)以将它们分开,但没有帮助。我猜是因为点击单选按钮对所有人来说都是一样的 如何将它们分开,以便在一页上放置2或3个?给您: 你需要一个背景。另外,我删除了你的重复ID标签。切勿在页面上重复ID。在父元素上使用ID的另一个示例 只是一点提示。。。通过查看页面上的源代码,

我已经设法弄清楚了当用户单击单选按钮时如何显示div

演示:

问题是,如果我在一个页面上有不止一个这样的测验,单击单选按钮将触发所有测验以显示答案

我尝试过更改类(例如selfTestAnswer2、selfTestAnswer3)以将它们分开,但没有帮助。我猜是因为点击单选按钮对所有人来说都是一样的

如何将它们分开,以便在一页上放置2或3个?

给您:


你需要一个背景。另外,我删除了你的重复ID标签。切勿在页面上重复ID。

在父元素上使用ID的另一个示例

只是一点提示。。。通过查看页面上的源代码,这样做可以非常容易地找出正确答案。没关系,没关系。客户最初甚至不想把答案隐藏起来。
$('.selfTestWrong', $(this).parent()).addClass('answerShown');
$('.selfTestAnswer', $(this).parent()).slideDown(300);