National Flags

https://st891766.static.jp/flags

jQueryを使用し、アコーディオンメニューの実装方法を学びました。
クリックすると詳細情報が開閉される仕組みを作り、動きのあるUIに挑戦しました。

工夫した点
複数の項目が同時に開かないよう、他のセクションは自動で閉じる仕様にしました。
また、+ / − 表示を切り替えることで、現在の状態が分かりやすくなるよう工夫しました。

コメント
アコーディオンメニューの実装を学ぶ内容でした。
JavaScript/jQueryでユーザーが操作しやすい動きを作る面白さを感じた制作でした。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です