yachin29 https://blog.hatena.ne.jp/yachin29/ WEBサイト制作の勉強 https://yachin29.hatenablog.com/ jQuery 今回は、パネル部分が展開されると他のパネル部分は閉じるようにしたいので、 「開いているパネル部分以外のパネル部分は閉じる」という命令が必要です。 $('ul').not($(this).next('ul')) という記述で、複数あるulの中で、「クリックされたthisのnextのul以外のul」という指定が出来るようになります。 <div class="container"> <h1>アコーディオンパネル</h1> <h2 class="panel">パネル1<span class="plus-icon"></span></h2> <ul class="list show"> <li>パネル1… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fyachin29.hatenablog.com%2Fentry%2F2019%2F09%2F10%2F011830" title="アコーディオンパネルの作成 - WEBサイト制作の勉強" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/y/yachin29/20190603/20190603123125.png Hatena Blog https://hatena.blog 2019-09-10 01:18:30 rich https://yachin29.hatenablog.com/entry/2019/09/10/011830 1.0 100%