今回は、プラグインを使わないで作る『アコーディオンメニューの作り方』です! 例えば 『Q & A』みたいな項目に対しての説明が長くなってしまうとき 『メニューボタン』のように、入れ子入れ子で子ページがいくつもあるとき 説明が長い位場合は特に必要性を感じますよね。そのままつらつらと書き続けると、ユーザーがずっとスクロールしなくちゃいけなくて見るのが大変なのです。 そんな時に役立つのがこの『表示・非表示ボタン』です。 jQuery:クリックしたら 表示するtoggleボタンの実装方法 動作としてはこんな感じです。 表示(非表示)ボタンを押す ↓ ↓ ↓ 連動して、説明文が表示(非表示)になる 下にdemoも作ってあるので、触ってみてください。 demo HTML <!-- 表示ボタン --> <p class="openBtn"><i class="fa fa-chevron-down f