Question

我有一个测验博客，我使用J查询切换按钮来显示问题的答案。我使用以下模式：

Question: 1
<script type="text/javascript">$(function(){$("#butToggle1").click(function(){$('#dvt1').toggle(500);});});</script> 
<div id="dvt1">
Answer
</p></div> <button id="butToggle1">Click for Answer</button>

Question 2
<script type="text/javascript">$(function(){$("#butToggle2").click(function(){$('#dvt2').toggle(500);});});</script> 
<div id="dvt2">
Text 2
</p></div> <button id="butToggle2">Click for Answer</button>

我正在使用jquery-1.3.2.min.js来实现上述功能。但是，问题是要在页面上显示一些问题和答案，我必须在css中添加许多dvt条目。我已经从dvt1添加到dvt20，但这意味着我无法在页面上显示21个问题。然后，我无法解决问题，因为相同dvt的冲突会使切换功能无法工作。

有没有什么方法可以在wordpress帖子上显示很多切换按钮而没有单独的dvt，但分配给每个按钮的切换编号。

感谢您的帮助

Answer 1

我认为只使用此代码一次，在单个脚本标记中就可以了：

$(function () {
  $("button").click(function () {
    $(this).prev('div').toggle(500);
  });
});

Demo

Answer 2

您只能使用一个脚本：http://jsfiddle.net/GP3M6/

$("button").click(function () {
  $(this).prev('div').toggle(500);
});

页面上的JQuery很多按钮

2 个答案: