<分区>
关闭 9 年前。
- 要求提供代码的问题必须表现出对所解决问题的最低限度的理解。包括尝试过的解决方案、为什么它们不起作用，以及预期结果。另请参阅:Stack Overflow question checklist
- 关于您编写的代码问题的问题必须在问题本身中描述具体问题 — 并且包括有效代码 以重现它。参见 SSCCE.org寻求指导。
jquery - 如何使 CSS Toggle 像这样？
我正在开发一个网站，我需要在常见问题解答页面上显示此类常见问题解答。
当点击 (Q) 时，(A) 应该以 jquery 动画打开。 应一次打开 1 个问题。
如果点击其他(Q)，前一个应该关闭，点击将打开。
<div class="faqBlock">
<div class="qa">
<dt>How do I buy Snoopra?</dt>
<dd>Just decide whether you want to pay monthly or yearly, click on the buy now button, fill out the payment details and you’re done!</dd>
</div><!-- qa -->
</div><!-- faqBlock -->
最佳答案
请找到您发布的问题的解决方案。我想它可以满足您的要求。
http://jsfiddle.net/ardeezstyle/ESLEB/1/
$(document).delegate('.q','click',function(){
$('.a').hide();
$(this).next('.a').show();
});
关于jquery - 如何使 CSS Toggle 像这样？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18484590/