サイトのデザインで表示スペースが限られている場合に役に立つのがドロップダウンメニューです。 PC上でのドロップダウンメニューはホバーした時（マウスを乗せた時）に表示される仕様が多いですが、モバイルでは期待通りに動かない場合があります。 モバイルではタッチイベントが標準なので、クリックで開閉するドロップダウンメニューの方がユーザビリティに優れています。 この記事ではクリックで開閉するドロップダウンメニューの作り方を紹介します。 ナビゲーションなどで有用。CSS＋HTMLだけで作る横並び、縦並びのドロップダウ ...