パソコン版ナビゲーションとスマホ版ナビゲーションの両方に複数のアコーディオンメニューを実装しております。 ieとedgeで表示した場合のみ、子メニューがちらつきます。複数あるアコーディオンうちの一つ目を表示させた際にはちらつかず、通常通りの動作で表示されます。一つを表示させた状態で、そのまま別の分類をホバーしたときに、一瞬子メニューがちらついてからスライドダウンされます。つまりホバーが外れたメニューがスライドアップしているときに、別の子メニューのスライドダウンが動いている際にちらつくようなイメージです。 GoogleChromeとFirefoxでも確認しましたがこの現象は起きませんでした。ソースは以下の通りです。 ```HTML

``` ```javaScript $(function() { 'use strict'; // 子メニューを隠す $('ul#sub').hide(); // 親メニューホバー処理 $('ul#pc_menu>li#parent').hover( // ホバーされたとき function(){ $(this).children('ul').stop().slideToggle(); } ); }); ``` ```css li#parent { position: relative; } ul#sub{ position: absolute; display: none; } ul#sub li { background-color: #E4EECC; border: none; text-align: center; width: 100%; } ul#sub li:hover { background: #8CC11F; } ul#sub li:last-child { border-bottom: 1px solid #fff; } ul#sub li a span{ display: inline; color: #FFA216; font-size: 10px; } ul#sub li a { display: block; padding: 8px 0; text-align: center; border-bottom: 1px solid #fff; } ``` 同じ症状で悩まれた方、解決方法をご存知の方がおられましたら、ご教示いただけますと幸いです。

質問編集履歴