jquery - 次のliクラスをホバリングするときにjqueryドロップダウンホバーコンテンツを開いたままにする方法

Question

サイトから jquery ドロップダウン メニューをアップロードしましたが、これが可能かどうかを知りたいと思っていました。現在、3 つの主要な li クラスのいずれかにカーソルを合わせると、それぞれの下にドロップダウン メニューが展開されます。開いている div にカーソルを合わせるか、別の li クラスにカーソルを合わせると、メニューが閉じて新しいコンテンツが表示されます。それらのいずれかをホバーして開いたら、次のものの上にマウスを置くと、コンテナー全体が収縮せず、その新しい li の新しいコンテンツに合わせて調整したいと思います。私が望む例は、Nike.com メニューです。マウスがナビゲーション領域にあるときはいつでも、最後のドロップ コンテンツが残り、新しいメニュー項目にカーソルを合わせると、メニューは折りたたまれず、自動的に調整されます。新しいコンテンツのために。

ここでjsfiddleのデモテストをセットアップしました http://jsfiddle.net/R7aTq/

$(function(){

    $('#navigation_horiz').naviDropDown({
        dropDownWidth: '300px'
    });

    $('#navigation_vert').naviDropDown({
        dropDownWidth: '300px',
        orientation: 'vertical'
    });
});