有没有一种有效的方法来进行jQuery切换?

时间:2011-09-02 05:41:35

标签: html css effect jquery

我正在为我的网站创建一个FAQ部分,并且想知道在点击问题时是否有更有效的方法来切换答案。到目前为止,我有以下代码。但是,当单击任何问题时,它会打开所有答案。如果我想一个接一个地做,我有100个问题,并且必须为答案1,答案-2写出100行切换......那么,有没有解决方案呢?

$(function(){
    $("a.question").click(function(){
    $("p.answer").toggle("slow");
 });
});

HTML + CSS:

a.question {display:block}
p {display:none}

<a class="question">Question 1?</a>
<p class="answer">Answer 1</p>

<a class="question">Question 2?</a>
<p class="answer">Answer 2</p>

<a class="question">Question 3?</a>
<p class="answer">Answer 3</p>

1 个答案:

答案 0 :(得分:11)

$(function(){
    $("a.question").click(function(){
    $(this).next("p.answer").toggle("slow");
 });
});