jquery - アコーディオンjquery ui、完全に開かず、一般的にバグがある

Question

ここで開発を手伝ってくれたjquery uiアコーディオンがあります。大部分は正常に動作しますが、マウスを何度か出し入れすると動かなくなります。以下のスクリーンショットを参照してください。

メニューエラー http://jsfiddle.net/AJBweb1986/mZnv8/4/

ここにフィドルがあります：フィドル

Answer 1

うまくいくことを願っています

http://jsfiddle.net/ipsjolly/mjHSJ/を参照してください 。スタックすることなく正常に動作します...

これを交換しました

$(function() {
    $( "#accordion" ).accordion({
        event: 'click',
        collapsible: true,
        active: false,
        autoHeight: false,
        icons: {
            "header": "closedacc",
            "headerSelected": "openacc"
        }
    }).on('mouseleave', function() {
        $(this).accordion( "option", "active", false );
    }).children('li').on('mouseenter', function() {
        $(this).find('h3').trigger('click');
    });

});

</p>

これとともに

$(function() {
    $( "#accordion" ).accordion({
        event: 'click',
        collapsible: true,
        active: false,
        autoHeight: false,
        icons: {
            "header": "closedacc",
            "headerSelected": "openacc"
        }
    }).children('li').on('mouseenter', function() {
        $(this).find('h3').trigger('click');
    });

});
​

mouseleave実際、mouseenterイベントがある種のボトルネック状況を生み出していると思うので、1つ削除しました:P