「#test」にホバーしたときにメニューのリストを表示したいのですが、メニューのリストをクリックしようとすると「#test」からのホバーが外れてしまうために、メニューリストがクリックできません。
どのように解決すべきでしょうか?
html
1<header> 2 <div id="test">test</div> 3</header> 4 5<ul id="menu"> 6 <li>メニュー1</li> 7 <li>メニュー2</li> 8</ul> 9 10<style> 11#menu { 12 display: none; 13} 14#menu.hover { 15 display: block; 16} 17</style> 18 19<script> 20// これではメニューの中身にホバーしたときに「.hover」が外れてしまい、中身がクリックできない 21$('#test').hover( 22 function(){$('#menu').addClass('hover');}, 23 function(){$('#menu').removeClass('hover');} 24); 25</sctip>
回答1件
あなたの回答
tips
プレビュー