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

Question

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

演示：http://jsfiddle.net/6Lwfc/

问题在于，如果我在一个页面上有多个这样的测验，单击一个单选按钮将触发所有这些测验以显示他们的答案。

我已经尝试更改类（例如selfTestAnswer2，selfTestAnswer3）来分隔它们，但它没有帮助。我的猜测是因为点击一个单选按钮对所有人都是一样的。

如何将这些分开，以便我可以在页面上放置2个或3个？

Answer 1

你走了：

http://jsfiddle.net/6Lwfc/4/

$('.selfTestWrong', $(this).parent()).addClass('answerShown');
$('.selfTestAnswer', $(this).parent()).slideDown(300);

你需要一个背景。另外，我删除了您的欺骗ID标签。永远不要在页面上复制ID。

Answer 2

在父元素上使用id的另一个例子。 http://jsfiddle.net/sailorob/wHULM/