我需要（$（“＃flip”）。单击slideToggle）在同一页面上使用相同的 ID执行多次

我有一个FAQs页面，它使用XSl代码从XML读取，问题和答案的div将重复与XML中的记录数量一样多。

这是XSL代码：

在头脑中我有这个JQuery代码：

  $(document).ready(function(){ $("#flip").click(function(event){ event.preventDefault(); $("#panel").slideToggle("slow"); }); });  

slideToggle仅适用于第一个div，然后它不起作用。

我无法弄清楚任何想法。

Answer 1

HTML 101：ID是单数，你不能有多个具有相同ID的项目！

用一堂课！ 使用next（）

HTML：

 
XXX
 
YYY
 
XXX
 
YYY
 
XXX
 
YYY 

JavaScript的：

 $(document).on("click",".question", function(){ $(this).next().toggle(); }); 

例

http://jsfiddle.net/8xvTM/1/