1

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 まで追加しましたが、これは 1 ページに 21 の質問を表示できないことを意味します。次に、同じdvtの競合により、トグル機能が機能しないままになるため、質問を分類できません。

個別の dvt を使用せずにワードプレスの投稿に多くのトグル ボタンを表示できる方法はありますか。

ご協力いただきありがとうございます

4

2 に答える 2

1

このコードを 1 回だけ使用するだけで、 1 つのスクリプト タグで問題ないと思います。

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

デモ。

于 2013-01-15T06:56:54.430 に答える
0

これには 1 つのスクリプトのみを使用できます: http://jsfiddle.net/GP3M6/

$("button").click(function () {
  $(this).prev('div').toggle(500);
});
于 2013-01-15T06:58:44.907 に答える