jquery - jQuery ドロップダウン メニュー 閉じる 開いているトピック

Question

問題のメニューの例については、http://www.laerdalmail.com/dev/discoversimulation/needs/#を参照してください。自動的に閉じる？以下に、レビュー用にドロップダウンを処理する関数を含めました。

function Reveal(a, orig_height) {
    var ul = a.parentNode.getElementsByTagName("ul").item(0);

    $(ul).animate({
        height: 'toggle',
        opacity: 'toggle'
    }, 'slow', function() {
        if ($(ul.parentNode).height() < orig_height) {
            $(a).css('backgroundPosition', '0 0');
        }
    });
}​

Answer 1

jquery UIアコーディオンの使用を検討する必要があります。これにより、はるかに簡単になり、アニメーションがはるかにスムーズになります。

Answer 2

関数の開始時にすべての親を閉じてから、トリガーされた親を開くことができます。