如何隐藏一个元素而显示另一个元素？

Question

我在我的网站上设置了一个手风琴风格的Q＆amp; A部分，我正在建设。当您单击某个问题时，它会显示答案。我想将切换操作绑定在一起，这样当一个问题打开而另一个问题被点击时，打开的问题将关闭，点击的问题将会打开。

以下是一个实时示例，您可以看到：http://jsfiddle.net/reevine/WmAb7/

Answer 1

尝试在$('.active').toggleClass('active').next().hide();行

之前添加$(this).toggleClass('active')..

您可能还希望将open类更改为active以保持一致性。您可以使用$('div.toggler:not(.active)').hide();

开始代码

编辑：

我最终换了一个好的金额，这是链接： http://jsfiddle.net/capo64/WmAb7/16/