【JQで】マウスオーバーで表示されるドロップダウンメニュー

マウスを置くと下層メニューが開く挙動をつくります。

【JS】マウスオーバーでクラスopenをつける、マウスリムーブで外します。
【CSS】通常時はdisplay:none、クラスopenにはdisplay:blockをあてることで、表示非表示の切り替えを行います。

しかし、既存のページにこちらを導入したところ、
ドロップダウンメニューが表示されませんでした。

原因は親要素のoverflow:hidden
こちらを修正することで無事反映されました。

お悩みの方はお試しください!

↓こちら参考にさせていただきました。
マウスオーバーで表示するjQueryのドロップダウンメニュー(レスポンシブ対応)