accordion - 手风琴打开时显示 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 切换。