jQuery – アコーディオンを開いたら、他のアコーディオンが閉じるようにする

複数のアコーディオンがあるとき、全部開くとすごいことになるので、1つ開いたら他のアコーディオンは閉じるようにしてほしいというご要望。

ソースは以下の通り

dtをクリックしたら、その次のddがslideToggleするよというコードですが、クリックしてないdtの次のddは閉じるようにしてやります。

ポイントは、$(this)を変数’self’に格納して使いやすくしたうえで、‘.not(self)’で「$(this)以外」という指定をしている点。$(this)も変数に格納できるんですね!これに気づけばいろいろ捗りそう。

現場からは以上です。

【告知】Web制作やります!

15万円でWebサイト制作します!Webサイトクイックスタートパック

シェアする

フォローする