マルチサブメニューでメニューを作成しましたが、現在、サブメニューとサブマルチメニューが適切に非表示になっていないため、これを解決できます。サブメニューを表示している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/にあります。