jQueryの：非表示「アクティブクラスのとき

Question

マウスオーバーではない私は、次のjQueryプラグインを持っている：http://jqueryfordesigners.com/slide-out-and-drawer-effect/

は今、問題がある：マウスが要素の上にないときに、私はアクティブ「引き出し」を閉鎖したいと思います。 jQueryは、マウスオーバーが別の引出し要素に適用されるまで、アクティブなものを開いたままにするように設定されています。いずれかの上に乗っていないときに、どのようにすべての引き出しを閉じますか？

初期化コード：

$(function() { 
    $('UL.drawers').accordion({ 
     // the drawer handle 
     header: 'H2.drawer-handle', 

     // our selected class 
     selectedClass: 'open', 

     // match the Apple slide out effect 
     event: 'mouseover' 
    }); 
}); 

I引き出し要素CSS（.drawer-handle.open {}）に「開放」クラスを適用することが必要としても、アクティブ引き出しハンドルは、（アニメーション）の色を変化させません。何故ですか？私はJoomla 1.7の中でPHPを使用しています

ありがとう！ここで

Answer 1

はあなたのための部分的な解決策である：

$(function() { 
    var $accordian = $('UL.drawers').accordion({ 
     // the drawer handle 
     header: 'H2.drawer-handle', 

     // our selected class 
     selectedClass: 'open', 

     // match the Apple slide out effect 
     event: 'mouseover', 

     // allow all drawers to be closed (default is "true" - always keep a draw open) 
     alwaysOpen: false 
    }).activate(false); 

    $('UL.drawers').mouseout(function() { 
     // close all the drawers when the mouse leaves the parent list 
     $accordian.activate(false); 
    }); 
}); 

このセットアップの動作が、私はそれがあるべきだと思うほど滑らかではないので、しかし、結果はあなたが何であるかに近ければ、私は部分的に言いますそれを探して、あなたが正しい方向にスタートさせるべきです。

あなたはこのjsFiddleとアクションでそれを見ることができます：http://jsfiddle.net/gKNGh/1/