<div class="accordion_one"> <div class="accordion_header">アコーディオン、シンプル版 <div class="i_box"><i class="one_i"></i></div> </div> <div class="accordion_inner"> <div class="box_one"> <p class="txt_a_ac">アコーディオンの中身です。</p> </div> </div> </div> $(function(){ //.accordion_oneの中の.accordion_headerがクリックされたら $('.s_01 .accordion_one .accordion_header').click(function(){ //クリックされた.accordion_oneの中の.accordion_head
![【jQuery】アコーディオン実装サンプル10選 | 125naroom / デザインするところ(会社)です。](https://cdn-ak-scissors.b.st-hatena.com/image/square/3f27f0c3dc05ede57f8e65e18a7c851c85021c10/height=288;version=1;width=512/https%3A%2F%2F125naroom.com%2Fwp%2Fwp-content%2Fuploads%2F2022%2F02%2Fweb_j_002w.png)