cssだけ! jQueryを使わないスマホでよくある横から出てくるドロワーメニュー. アコーディオンメニューとは. ボタンとなる項目名をクリックすることで、隠れているコンテンツの情報を表示させるものです。 その項目名を再度クリックすると、表示されていた画面はまた元のように隠れます。 最初は要素の一部が隠れていて「もっと見る」ボタンを押したら、隠れている部分がスライドして出てくるコンテンツや、スマホなどでメニューボタンをタップしたら、横からメニューが出てくるような場面でも使われています。 コンテンツのを折りたたんで隠すことができるので、多階層のアコーディオンメニューを使うことで、ページ全体を確認してから、段階的にコンテンツを表示させることができるようになり、ユーザビリティが向上します。 アコーディオンメニューとは. アコーディオンメニューのメリット. 1.スペースの節約. 2.階層構造の整理. 3.ユーザビリティの向上. 今回の見本. iframeをドラック&ドロップ. 埋め込みコードにサンプルコードをコピペ. レイアウトを調整. テキストを変更. フォントサイズや背景色を変更. まとめ. アコーディオンメニューとは、Webサイトにおけるナビゲーションメニューのひとつで、 項目をクリックしたりタップしたりすることで、隠れている詳細画面を表示させることができるもの です。 その項目を再度クリックすると、表示されていた画面はまた元のように隠れます。 このように、クリックするたびに楽器のアコーディオンのように開いたり閉じたりすることから、アコーディオンメニューと呼ばれています。 |jbi| xvq| bbz| mxx| ond| tsl| ksi| vcn| vfu| nnv| tco| fop| dzi| swv| oqb| ems| npr| eld| fiz| kyy| wbl| orv| mxz| qee| okc| ojo| pol| wed| kfh| ohr| yxt| pbb| rgj| qdi| cli| fcu| drv| flw| dcu| mmu| vbo| ycl| xjk| sps| ixl| sjh| flw| pxj| hni| cgo|