以下のonHoverメニューを失うことなくjQuery UIのツールチップにカーソルを移動する方法

Question

私が作成している垂直メニューがあり、ホバー上でアクティブになっています。左のメニュー項目にカーソルを合わせると、右にメガメニューが表示されます。そこから、これらのメニュー項目にカーソルを合わせて、jQuery IU Tooltipに次のレベルを表示させたいと考えています（すべての製品の下にwww.newegg.comなど）。

何が起こっているかは、jQuery UIのツールチップにカーソルを置くと、その下のメニューが消えることです。それをやめさせるのはどうすればいいですか？

Answer 1

これを処理するには、独自のJavaScriptを作成する方がよいかもしれないと思います。 jqueryの$(element).hover()と$(element).mouseout()を使用してください。

ユーザーがメニュー項目の上を移動すると、選択したクラスを何らかの種類で表示できます。それから、menu-item.selected > child-menu {display: block;}というCSSをいくつか持つことができます。

ユーザーが子供を離れるとき、親メニュー項目に移動したかどうか、またはその逆をチェックできます。それが当てはまる場合は、その特定のメニュー項目からselectedクラスを削除します。

編集：すべての子メニューの最初のCSSはdisplay: none

にしてください