2012-08-23 81 views
0

我設法弄清楚當用戶單擊單選按鈕時如何顯示div。用單選按鈕觸發多個jQuery切換

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

的問題是,如果我有一個頁面上,這些測驗的不止一個,點擊單選按鈕會觸發所有的人展示自己的答案。

我試過改變類(例如selfTestAnswer2,selfTestAnswer3)來分離它們,但它沒有幫助。我的猜測是因爲單擊一個單選按鈕對所有人都是一樣的。

我怎樣才能分開這些,所以我可以把2或3放在一個頁面上?

+1

只是一個小竅門......像你這樣做,這使得通過查看頁面上的源代碼來確定哪個是正確的答案變得非常容易。 – hunter

+0

沒關係,沒關係。客戶本來不想隱藏答案。 – danzo

回答

1

在這裏你去:

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

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

您所需要的環境。另外,我刪除了你的dupe ID標籤。切勿在頁面上覆制ID。

+0

啊是的。接得好。謝謝! – danzo