Cim*_*bom 2 html css jquery effect
我正在为我的网站创建一个FAQ部分,并且想知道在点击问题时是否有更有效的方法来切换答案.到目前为止,我有以下代码.但是,当单击任何问题时,它会打开所有答案.如果我想一个接一个地做,我有100个问题,并且必须为答案1,答案-2写100行切换......那么,有没有解决方案呢?
$(function(){
$("a.question").click(function(){
$("p.answer").toggle("slow");
});
});
Run Code Online (Sandbox Code Playgroud)
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>
Run Code Online (Sandbox Code Playgroud)
Fem*_*emi 11
$(function(){
$("a.question").click(function(){
$(this).next("p.answer").toggle("slow");
});
});
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
212 次 |
| 最近记录: |