下記のサイトのようにホバー時にサブナビを表示させたいと考えています。 [参考サイト](https://www.oralcare.co.jp/) 実装すると、ホーバーし、サブナビを選択しようとすると、すぐに消えてしまうという問題にあたってしまいました。参考サイトのようにサブナビをホバーしているときも表示させるようにしたいのですが。 ```jacascript $(function() { var $subNav = $('.subBox'); $('.nBox01').hover( function(){ // stop関数を追加 $subNav.stop().slideDown(); }, function(){ // stop関数を追加 $subNav.stop().slideUp(); } ); }); ``` ```html5 ``` ```css nav .subBox { display: none; position: absolute; top: 0; left: 250px; width: 180px; height: 100vh; background: #c9f2f3; z-index: 100; -webkit-transition: all .3s ease .3s; transition: all .3s ease .3s; } nav .subBox ul { position: absolute; top: 333px; width:100%; -webkit-transition: all 0s ease .3s; transition: all 0s ease .3s; text-align:left; } nav .subBox ul li a { border-bottom: solid 1px #fff; padding: 10px 30px; display: block; } ```

	@@ -1 +1 @@
1	- ナビ・ホバー時に表示・表示させる
1	+ ナビ・ホバー時にサブナビを表示・非表示させる

質問編集履歴