0

私が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を初めて使用し、ここで最善を尽くしています。私はこれで一日中働いていて、最後の手段として助けを求めているだけです. さらに情報が必要な場合は、最善を尽くして提供します。どんな助けでも大歓迎です！

4

1 に答える 1

2

クリックした回答が表示されない場合にのみ、開いているすべての回答を閉じます: 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);
    });
});
于 2013-09-01T01:17:31.467 に答える