[jQuery CSS]jQueryで手っ取り早くドロップダウンメニュー作っちゃうよ!3階層目以降は対応しないよ!

ドロップダウンメニュー
新年あけましておめでとうございます。
今年もよろしくお願い致します。

さて宣言通り週一で更新していきますよ。

新年一発目はみんな大好きjQuery!
泣く子も黙るドロップダウンメニュー!

デモ

See the Pen jWypXb by mitsuki sagayama (@sagayama) on CodePen.

3階層目以降は対応しないよ!テヘッ

html

普通にulを入れ子で書いていくだけですが、もちろん3階層目以降は対応しませんので。
head内に

body内に

これだけでそれなりの動きはします。

CSS

即興で書いたので整理できてません。

コピペ用CSS

まとめ

CSSだけでドロップダウンメニューとかありますが、ブラウザ対応の調整が大変です。
そういう時はjQueryに頼るのもいいもんです。
要は使い所。
CSSでできたからスゴイ!じゃなくてねっ!

スポンサーリンク
  • このエントリーをはてなブックマークに追加
  • Evernoteに保存Evernoteに保存
スポンサーリンク