テキストや画像などをクリックすると隠れていたコンテンツがでてくるアコーディオンのサンプルをjQueryを使って作成しました。 もっと汎用的なものが他にあると思いますが、検索で調べるものは自分には複雑だったりするので・・・ HTML とりあえずサンプルで用意したHTMLのソースはこちら <dl class="accordionList"> <dt>ここを押すと内容がスライドして表示</dt> <dd>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</dd> <dt>ここを押すと内容がスライドして表示</dt> <dd>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキ
![jQueryを使ったアコーディオン|WEB Drawer|web制作に関するネタの引き出しサイト](https://cdn-ak-scissors.b.st-hatena.com/image/square/4508a7f9a3a374688acdc06d668fd62fe5eb1737/height=288;version=1;width=512/https%3A%2F%2Fwebdrawer.net%2Fwp%2Fwp-content%2Fthemes%2Fstyle2018%2Fcommon%2Fimg%2Fthm.jpg)