ありがちなスマートフォンのメニューとアコーディオンのサンプル

今回は、ありがちなスマートフォンのメニューを実装します。作成するときに、いつも忘れるので、ブログ記事として残しておきます。

スマートフォンのメニューは、何パターンかありますが、一番無難なものを選びました。コピペOKです。というか私自身もココからコピペするつもりです。細かい設定は各自で対応してください。

画像は一切使っていないので、単純にコピペで再現できます。下の表示からMenuボタンをクリックしてください。メニューリストが表示されます。

See the Pen BRNOpm by Kazuhiro Maeda (@kazurou147) on CodePen.

ついでに同じ要領でアコーディオンを作りました。Q&Aでよく使います。Q1、Q2をクリックしてください。A1、A2が表示されます。

 

facebook
twitter
line
hatena
pocket