只扩展一个w / jQuery部分

我知道它之前已经完成但是我正试图从头开始写这个…

我有以下格式的问答部分：

aaaa
 
bbbb
 
cccc
 
dddd 

我需要点击Q并在下面展开A. 一次只能扩展一个部分。 例如，如果我有A：bbbb扩展然后我点击Q：cccc我需要折叠A：bbbb并展开A：dddd。

这是我到目前为止所得到的：

 $(".A").hide(); $(".Q").click(function() { $(this).next("div").slideToggle("slow"); }); 

如何在打开新部分之前折叠任何可能打开的部分，而不会在展开之前先将其折叠？

Answer 1

很简单：

 $('.q').click(function() { $('.a:visible').slideUp('slow'); $(this).next('.a').is(":hidden").slideDown('slow'); }) 

Answer 2

 var $answers = $(".A").hide(); // cache this to avoid overhead $(".Q").click(function() { var $thisA = $(this).next('div.A'); $answers .filter(':visible') .not($thisA) .slideUp('slow'); $thisA.slideDown('slow'); }); 

演示

Answer 3

我想你在找

 $(".A").hide(); $(".Q").click(function() { $(this).next("div:first").slideToggle("slow"); });