元のトリガー内にないホバーでサブメニューを表示/非表示にするにはどうすればよいですか？
私は次のコードを持っています：
HTML
<ul>
<li class="toggleTrigger" id="subMenu"><a href="#">header</a></li>
</ul>
<div class="subMenu">
<p>hello!</p>
</div>
Javascript
function configFile() {
$('.toggleTrigger').hover(function () {
var trigger = $(this).attr('id');
target = '.'+trigger;
$( target ).show();
}, function () {
$( target ).hide();
});
}
非表示/表示が機能しています。唯一の問題は、トリガーから離れると、サブメニューも非表示になるため、サブメニューで何もクリックできないことです。
CSSを台無しにするので、リストアイテム内にサブメニューを配置したくありません。トリガーからサブメニューにホバーして、両方を離れたときにのみサブメニューが非表示になるようにする方法はありますか？
手伝ってくれてありがとう！