手风琴打开时显示div

Question

我有一个jquery手风琴内容。

$(document).ready(function() {
    $('div.question').click(function() {
        $('div.answer').slideUp(600);   
        $(this).next().slideDown(600);
    });
    $("div.answer").hide();
});

HTML代码：

<div class="question">Question</div>
<div class="answer">Answer</div>

当我的手风琴打开时，我需要展示另一个div。我不想在答案课上使用div。 我需要制作另一个不同类的div。我知道我可以在div中使用2个不同的类：

class="answer anotherclass"

但我不能以这种方式使我的模板很好！

示例：

<div class="question">Question</div>
<div class="hide">Hide Contents</div>
<div class="answer">Answer</div>

我希望在我的答案div接近时隐藏第二个div。然后点击问题后，我需要显示隐藏div并回答div。我不能把我的隐藏div放在答案div中。像隐藏div一样淡出效果。

我希望你们理解我的问题。

修改 我需要这样的事情：

$(document).ready(function() {    
$('div.question').click(function() {
$('div.another').fadeIn(600);
$(this).next().fadeOut(600);
$('div.answer').slideUp(600);   
$(this).next().slideDown(600);
});

$("div.answer").hide();
$("div.another").hide();    
});

HTML：     题     回答     另一个 但它不起作用！

Answer 1

您可以将隐藏div放在问题div中，并在单击问题时显示/隐藏它。可能最好使用jQuery切换。