jquery SlideToggle in section，ques和ans

Question

我正在创建一个包含问题和答案的部分，并希望隐藏它们，直到用户点击该部分的相关部分。 这与此处提出的问题非常相似：

jquery Simple SlideToggle in sections

但是，我在一节中有多个问题，流程如下：

隐藏所有问题和答案。当有人点击某个部分时，该部分中的所有相关问题都会打开，当点击该问题时，会显示其答案。

当我点击另一个问题时，之前打开的答案会隐藏。并且相关的答案打开了。 当答案打开并且有人点击另一部分时，该部分会打开，隐藏所有其他部分。

如何做到这一点??

以下是jsfiddle的示例，如果有人可以提供帮助的话。 http://jsfiddle.net/NpGMh/1/

感谢。

Answer 1

看看这个fiddle。我认为这就是你的意图。我使用nextUntil选择器来获取该部分中的所有兄弟姐妹，直到下一部分。

Answer 2

你看过jquery ui accordian吗？