マルチサブメニューでメニューを作成しましたが、現在、サブメニューとサブマルチメニューが適切に非表示になっていないため、これを解決できます。サブメニューを表示している1つのリストにマウスオーバーすると、同じように、その1つまたはサブマルチメニューにマウスアウトすると、これを非表示にする必要があります。
今のところ、私のロジックはサブマルチメニューを作成する必要があります
前もって感謝します
マルチサブメニューでメニューを作成しましたが、現在、サブメニューとサブマルチメニューが適切に非表示になっていないため、これを解決できます。サブメニューを表示している1つのリストにマウスオーバーすると、同じように、その1つまたはサブマルチメニューにマウスアウトすると、これを非表示にする必要があります。
今のところ、私のロジックはサブマルチメニューを作成する必要があります
前もって感謝します
プラグインを使用することに慣れている場合は、jdMenuまたは同様のjQueryプラグインを検討してください:http://jdsharp.us/jQuery/plugins/jdMenu/
.submenu2
そうでない場合は、関連するものからマウスアウトするときに非表示になるようにコードを調整します.submenu
。
$('.submenu').mouseout(function () {
$('.submenu2').hide();
$('.submenu').hide();
});
その場合は、CSSも調整して、ユーザーがでイベント.submenu2
をトリガーせずに移動できるようにします。これにより、移動しようとしているユーザーが非表示になります。mouseout
.submenu
.submenu2
フィドルのマイナーな編集(CSSの追加$('.submenu2').hide()
と調整.submenu2
)は、http://jsfiddle.net/Palpatim/RHVDT/21/にあります。