Jquery 如何使CSS像这样切换？

我正在开发一个网站，在常见问题页面上，我需要显示这类常见问题。

当点击（Q）时，（A）应该用jquery动画打开。 一次应该有一个问题

如果单击其他（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 -->

我如何购买斯诺普拉？
只要决定是按月付款还是按年付款，单击“立即购买”按钮，填写付款详细信息，就可以了！

这是给你的。好好利用它吧

$('#clickme').click(function() {
  $('#book').slideToggle('slow', function() {
    // Animation complete.
  });
});

---

请找到您发布的问题的解决方案。我想它符合你的要求

---

它被称为手风琴，最简单的制作方法是：

$（'.qa h3'）。单击（函数（）{
$（this.next（）.slideToggle（）；
});
.qa>*{margin:0；padding:8px 16px；}/*all*/
.qa>h3{光标：指针；边框顶部：1px实心#eee；}/*问题*/
.qa>div{display:none；}/*隐藏所有答案*/

问题1
答案1。。。
问题2
答案2。。。
问题3
答案3。。。
请发布您尝试过的代码。我没有添加任何代码。只要想一想如何做到这一点，就可以找到解决办法。如果你知道，请帮助我，让它在每一个浏览器上工作StackOverflow是为了帮助你，而不是为你做你的工作。请尝试自己创建一些东西，如果不起作用，我们可以帮助您。网上有很多教程可以帮助你做你需要的事情。听起来像是你想要的。谢谢。。现在正在执行代码。。将发送到这里，如果它不工作，请根据image@user1643546我们可以帮助您提供一些提示或更正。我们不会为您编写代码：）我已为此添加了代码。我使用DD和DT就是为了这个目的。请告诉我这个函数是如何使用slideDown函数的。我已经添加了上面的JS，但我猜你没有读到“如果单击其他（Q），则上一个应该关闭，单击将打开。”作为问题中的要求之一。我猜你没有读到“如果单击其他（Q），则上一个应该关闭，单击将打开”作为问题中的一项要求。@RupamDatta哦，谢谢，也许Q是在我开始玩游戏时编辑的？不知道，无论如何。。。编辑：）代码运行良好。。但它有点不稳定。。。。当（A）打开时，高度受到干扰。@user1643546不在我的演示中。修复您的CSS CSS填充造成了问题。。请记住，show-hide是糟糕的用户界面的一个很好的例子（这会导致非常糟糕的用户体验）@RokoC.Buljan完成得很好。顺便说一句，我从来都不知道show-hide是糟糕用户界面的一个很好的例子。你能用支持你评论的文件来解释这一行吗？我真的很想知道更多这方面的情况@我不知道你的评论是什么意思。我想要一份支持你上述评论的文档。发布一个指向某个文档的链接，讨论为什么运动动画更容易使用，这将是对常识和用户交互/期望的侮辱
$(document).delegate('.q','click',function(){
    $('.a').hide();
    $(this).next('.a').show();
});