jQuery的幻燈片效果

嗨我一直有這個問題與jQuery的幻燈片效果，我想得到的效果是當你點擊問題的答案滑下來。它正在爲第一個工作，但不是爲了接下來的幾個問題。這裏是一個鏈接的例子http://jsfiddle.net/p8CLN/3/ $(document).ready(function(){ $("#question").click(function(){ $("#answer").slideToggle("slow"); }); }); 我真的很難過這一個。jQuery的幻燈片效果

來源

2013-03-02 user1848831

。 – Terry 2013-03-02 00:48:30

身份證號碼是唯一的，投票結果爲一萬份其他複本！ – adeneo 2013-03-02 00:48:55

@Terry您不允許*每個ID有多次發生。 – 2013-03-02 00:49:08

所有的ID轉換爲類，並給予點擊功能方面：

$(document).ready(function(){ 
    $(".question").click(function(){ 
     $(this).next(".answer").slideToggle("slow"); 
    }); 
});

在這裏看到更新的小提琴 - http://jsfiddle.net/teddyrised/p8CLN/8/

來源

2013-03-02 00:50:29 Terry

感謝特里這解決了我的問題，正是我一直在尋找 – user1848831 2013-03-02 00:52:27

不客氣。如果它對你有幫助，請接受它作爲答案。 – Terry 2013-03-02 00:54:48

是的，謝謝我只能在6分鐘內接受它 – user1848831 2013-03-02 00:57:12

ID必須是唯一的。

Here是更新的小提琴。我用班級名稱替換了ID，並使用.next()來獲取適當的答案元素。

來源

2013-03-02 00:50:49

這是因爲您使用的ID爲question和answer的多個元素。 Id必須是唯一的，因爲jquery會在找到第一個id後停止構建集合。

我已經更新您的提琴修復：

http://jsfiddle.net/p8CLN/6/

說明我還需要改變CSS並增加了使用next('.answer')的切換僅定位到爲隨後的回答所點擊的問題。

 $(document).ready(function(){ 
      $(".question").click(function(){ 
      $(this).next(".answer").slideToggle("slow"); 
      }); 
     });

來源

2013-03-02 00:52:36

您爲多個元素提供相同的ID。該ID必須是唯一的。一旦文件準備就緒。 on document.ready您可以綁定單擊事件您可以使用下一個作爲解決方案。這裏是你不應該有每個ID出現了多次的例子

$(document).ready(function() 
{ 
$(".question").click(function() 
{ 
$(this).next(".answer).slideToggle("slow"); 
}); 
});

來源

2013-03-02 03:14:45

jQuery的幻燈片效果

回答

相關問題