webページのヘルプなどのページにあるデザインが何て言うかわからない

Question

デザインについて全く無知なため質問が分かりづらいといったところあるかもしれませんが最後まで読んでいただけると幸いです。

###ヘルプ画面でプルダウンみたいな形式をとれるページを作りたい。
ヘルプページ(web)を作っているのですが、プルダウンのような複数の子要素を大きな親要素が抱えクリックすると子要素が全部出るみたいなページを作りたいのですがデザインに関しては無知の無知なのでそもそも何て言う動きなのかがわからず検索もできない状態です。

また、導入もどうやって行うかなど他のデザインサイトなどがあれば教えていただきたく存じます。

また、皆さんがページ制作などのデザインで悩むときここなら大抵のサンプルがそろっているよというところあれば教えてください。

###実装したい動きが酷似しているサイト
理想の動きがあるサイト

###試したこと
プルダウンで検索してみましたが、上記サイトに似た動きのものがありませんでした。

先人の皆様、何卒よろしくお願いいたします。

Answer 1

「アコーディオンメニュー」といいます。

jQueryやBootstrapなどで作成できます。

ちょっと適当ですみません。

Answer 2

いつもアコーディオンと呼んでいます

Answer 3

「プルダウンメニュー」「プルダウンリスト」「アコーディオン」「折りたたみメニュー」など、いろいろ言い方がありますね。
昔であればJavaScriptを使わないと無理でしたが、最近はCSSだけでいけます。

https://saruwakakun.com/html-css/reference/accordion
http://weboook.blog22.fc2.com/blog-entry-361.html
https://codepen.io/takanorip/pen/grZpOp