どもです。

ちょっとハマった事件を晒しときます。

グローバルナビのliをhoverすると子要素のulがslideToggleで出てくるというどこにでもある仕組みのjs。
以前作ったそれと全く同じ形のを別サイトに設置することになったのですが、hoverしても子要素のulが全く出てこない。

要素を見てみたところ、

(・∀・)ｱﾙｪｰ??
以前作った方のサイトには付与されてない「overflow:hidden」の姿が。

この原因ですが、使用していたjQueryの種類だったんです。
以前のサイトは jquery-2.1.0.min.js、今回はIE対策で jquery-1.11.1.min.js を積んでいました。

で、どうやらjQueryの1系ではslideToggleの対象要素にoverflow:hiddenがついてしまうっぽいです。

今回は対策として、基本読み込むjsを2.1.0に、IE8のみ1.11.1に分岐することで事を収めました。
どこの世界でもプラグインは最新を使うことが好まれるという話でした。