javascript - 打开另一个时自动关闭的多个下拉窗口

Question

我在 JSFiddle 有一个我在做什么的例子这样您就可以了解我正在处理的内容。我正在尝试找到一种方法，使打开的下拉菜单在打开另一个时自动关闭。我找到的所有解决方案要么阻止任何东西打开，要么同时打开和关闭所有东西。请记住，在最后一页上大约有 30 个这样的下拉菜单。

这是 jquery 代码。

    $(document).ready(function () {
        $(".answer").hide();

        $(".question").click(function () {
            $(this).next(".answer").slideToggle(500);
        });
    });

html 是这样设置的。

<p class="question">The question.</p>
<div class="answer">The answer.</div>
<p class="question">The question2.</p>
<div class="answer">The answer2.</div>
<p class="question">The question3.</p>
<div class="answer">The answer3.</div>
<p class="question">The question4.</p>
<div class="answer">The answer4.</div>

我是 jquery 的新手，我正在尽力而为。我整天都在为此工作，只是在万不得已的情况下才寻求帮助。如果需要更多信息，我会尽力提供。任何帮助是极大的赞赏!

Answer 1

仅当点击的答案不可见时才关闭所有打开的答案:http://jsfiddle.net/zFuUp/2/

$(document).ready(function() {
    $(".answer").hide();
    //toggle the componenet with class msg_body
    $(".question").click(function() {
        // Check if we are closing us
        if( ! $(this).next('.answer').is(':visible') )
            $('.answer').slideUp(500)

        // Open us
        $(this).next(".answer").slideToggle(500);
    });
});