ID 执行多次" />
我有一个使用 XSl 代码从 XML 读取的常见问题解答页面,问题和答案的 div 将重复与 XML 中的记录数一样多。
这是 XSL 代码:
<xsl:for-each select ="TSPRoot/FAQS/FAQ"> <div id="flip"> <xsl:value-of select ="Question"/> </div> <div id="panel"> <xsl:value-of select ="Answer" disable-output-escaping ="yes"/> </div> </xsl:for-each >
在头部我有这个 JQuery 代码:
<script> $(document).ready(function(){ $("#flip").click(function(event){ event.preventDefault(); $("#panel").slideToggle("slow"); }); }); </script>
SlideToggle 仅适用于第一个 div,然后就不起作用。
我想不出任何想法。
HTML 101:ID 是单一的,不能有多个具有相同 id 的项目!
使用一个类!使用下一个()
HTML:
<div class="question">XXX</div> <div class="answer">YYY</div> <div class="question">XXX</div> <div class="answer">YYY</div> <div class="question">XXX</div> <div class="answer">YYY</div>
JavaScript:
$(document).on("click",".question", function(){ $(this).next().toggle(); });
Example
http://jsfiddle.net/8xvTM/1/