【備忘録】Cocoonアコーでディオン（トグル）ボックスを複数・連続して入れる

今回アコーディオン（トグル）ボックスをカスタムしたくて色々調べた結果を記録として残します。

アコーディオンボックス（トグルボックス）とは↓

こんなヤツです。見出しをクリックすれば隠れていたコンテンツが出てくる便利な機能。この機能が簡単に使えるのがCocconの凄いところです。

このアコーディオンボックス（トグルボックス）を連続して複数設置するところで今回はつまずきました。

コピペでこのアコーディオンボックスを同じページで複数設置しようとしたら、うまく設置できませんでした。

この様に１個１個設置すればOK

ただし大きなコンテンツ等を設置する場合にコピペで済まそうとしたらNG

なんでNGなのか？ってのをここ１ヵ月ほど探しまくっていたら”寝ログ”で発見(^^;)

CSSだけでシンプルなトグルボタンを作成しコンテンツを出し入れする方法

jQueryを使ったトグルボタン実装は結構簡単です。 けれど、jQuery（JavaScript）を使うと多少…

nelog.jp

チェックボックスにIDを使うので、同じページ内で複数利用する場合は、IDを変更する必要があります。 寝ログ

コピペで使用する際はIDを変更しなければいけませんでした。

これでまた先に進めそうです。