我正在为我的网站创建一个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>
答案 0 :(得分:11)
$(function(){
$("a.question").click(function(){
$(this).next("p.answer").toggle("slow");
});
});