2015-10-30

VanillaなDropdown

バニラなドロップダウンメニューを作成中。
まぁ単純にクラスの追加・削除を制御すればいいのだが、一応参考資料を探す。
がやはり、jQueryを用いたものは多数見つかるのに対し、バニラは希少である。

今回参考になったのは以下の二つ。

表示の制御はCSSで行い、アクティブ時のオーバービューエフェクトは無し。メニュー外のクリックの際に閉じるようdocumentにもイベントを追加。
あとは最適なアニメーションを考慮すればよさそう。