【ブロック対応完了】アコーディオン

※このショートコードは、「ブロックエディタ」に対応済みです。ブロックエディタのほうを使ったほうがラクです。

クリック(タップ)で、コンテンツをアコーディオン式に開閉する「アコーディオン」ショートコードの使い方です。

階層表示は、都道府県(地域)別のコンテンツが必要なジャンル向けに用意しましたが、階層なしのコンテンツを隠す目的のほうが汎用性は高いと思います。

1階層

使い方

アコーディオン内に入れたいコンテンツを

[accordion title="見出し"]
コンテンツ
[/accordion]

のように囲みます。

[accordion title="関東"]
<a href="#">東京都</a>
<a href="#">神奈川県</a>
<a href="#">埼玉県</a>
<a href="#">千葉県</a>
<a href="#">茨城県</a>
<a href="#">栃木県</a>
<a href="#">群馬県</a>
[/accordion][accordion title="北海道・東北"]
<a href="#">北海道</a>
<a href="#">青森県</a>
<a href="#">岩手県</a>
<a href="#">宮城県</a>
<a href="#">秋田県</a>
<a href="#">山形県</a>
<a href="#">福島県</a>
[/accordion][accordion title="甲信越・北陸"]
<a href="#">新潟県</a>
<a href="#">富山県</a>
<a href="#">石川県</a>
<a href="#">福井県</a>
<a href="#">山梨県</a>
<a href="#">長野県</a>
[/accordion][accordion title="東海"]
<a href="#">愛知県</a>
<a href="#">静岡県</a>
<a href="#">岐阜県</a>
<a href="#">三重県</a>
[/accordion][accordion title="関西"]
<a href="#">京都府</a>
<a href="#">大阪府</a>
<a href="#">兵庫県</a>
<a href="#">奈良県</a>
<a href="#">滋賀県</a>
[/accordion][accordion title="中国・四国"]
<a href="#">鳥取県</a>
<a href="#">島根県</a>
<a href="#">岡山県</a>
<a href="#">広島県</a>
<a href="#">山口県</a>
<a href="#">徳島県</a>
<a href="#">香川県</a>
<a href="#">愛媛県</a>
<a href="#">高知県</a>
[/accordion][accordion title="九州・沖縄"]
<a href="#">福岡県</a>
<a href="#">佐賀県</a>
<a href="#">長崎県</a>
<a href="#">熊本県</a>
<a href="#">大分県</a>
<a href="#">宮崎県</a>
<a href="#">鹿児島県</a>
<a href="#">沖縄県</a>
[/accordion]

2階層

※関東のみ2階層

関東

神奈川県
埼玉県
千葉県
茨城県
栃木県
群馬県

北海道・東北

北海道
青森県
岩手県
宮城県
秋田県
山形県
福島県

甲信越・北陸

新潟県
富山県
石川県
福井県
山梨県
長野県

東海

愛知県
岐阜県
静岡県
三重県

関西

大阪府
兵庫県
京都府
滋賀県
奈良県
和歌山県

中国・四国

鳥取県
島根県
岡山県
広島県
山口県
徳島県
香川県
愛媛県
高知県

九州・沖縄

福岡県
佐賀県
長崎県
熊本県
大分県
宮崎県
鹿児島県
沖縄県

使い方

2階層目のショートコードの冒頭にアンダースコア(_)を付けます。

[accordion title="1階層目の見出し"]
[_accordion title="2階層目の見出し"]
2階層目の中身
[/_accordion]
[/accordion]

[accordion title="関東"]
[_accordion title="東京都"]
<a href="#">千代田区</a>
<a href="#">中央区</a>
[/_accordion]
[_accordion title="神奈川県"]
<a href="#">横浜市</a>
[/_accordion]
[_accordion title="埼玉県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="千葉県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="茨城県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="栃木県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="群馬県"]
<a href="#">●●市</a>
[/_accordion]
[/accordion][accordion title="北海道・東北"]
[_accordion title="北海道"]
<a href="#">札幌</a>
[/_accordion]
[_accordion title="青森県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="岩手県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="宮城県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="秋田県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="山形県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="福島県"]
<a href="#">●●市</a>
[/_accordion]
[/accordion][accordion title="甲信越・北陸"]
[_accordion title="新潟県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="富山県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="石川県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="福井県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="山梨県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="長野県"]
<a href="#">●●市</a>
[/_accordion]
[/accordion][accordion title="東海"]
[_accordion title="愛知県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="岐阜県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="静岡県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="三重県"]
<a href="#">●●市</a>
[/_accordion]
[/accordion][accordion title="関西"]
[_accordion title="大阪府"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="兵庫県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="京都府"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="滋賀県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="奈良県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="和歌山県"]
<a href="#">●●市</a>
[/_accordion]
[/accordion][accordion title="中国・四国"]
[_accordion title="鳥取県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="島根県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="岡山県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="広島県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="山口県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="徳島県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="香川県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="愛媛県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="高知県"]
<a href="#">●●市</a>
[/_accordion]
[/accordion][accordion title="九州・沖縄"]
[_accordion title="福岡県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="佐賀県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="長崎県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="熊本県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="大分県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="宮崎県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="鹿児島県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="沖縄県"]
<a href="#">●●市</a>
[/_accordion]
[/accordion]

3階層

関東(東京都)のみ3階層にした使用例

関東

東京都

東京23区
東京都下

神奈川県
埼玉県
千葉県
茨城県
栃木県
群馬県

北海道・東北

北海道
青森県
岩手県
宮城県
秋田県
山形県
福島県

甲信越・北陸

新潟県
富山県
石川県
福井県
山梨県
長野県

東海

愛知県
岐阜県
静岡県
三重県

関西

大阪府
兵庫県
京都府
滋賀県
奈良県
和歌山県

中国・四国

鳥取県
島根県
岡山県
広島県
山口県
徳島県
香川県
愛媛県
高知県

九州・沖縄

福岡県
佐賀県
長崎県
熊本県
大分県
宮崎県
鹿児島県
沖縄県

使い方

2階層目のショートコードの冒頭にアンダースコア(_)を1つ、3階層目のショートコードの冒頭にアンダースコアを2つ付けます。

[accordion title="1階層目の見出し"]
[_accordion title="2階層目の見出し"]
[__accordion title="3階層目の見出し"]
3階層目の中身
[/_accordion]
[/__accordion]
[/accordion]

[accordion title="関東"]
[_accordion title="東京都"]
[__accordion title="東京23区"]
<a href="#">千代田区</a>
<a href="#">中央区</a>
[/__accordion]
[__accordion title="東京都下"]
<a href="#">三鷹市</a>
<a href="#">八王子市</a>
[/__accordion]
[/_accordion]
[_accordion title="神奈川県"]
<a href="#">横浜市</a>
[/_accordion]
[_accordion title="埼玉県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="千葉県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="茨城県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="栃木県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="群馬県"]
<a href="#">●●市</a>
[/_accordion]
[/accordion][accordion title="北海道・東北"]
[_accordion title="北海道"]
<a href="#">札幌</a>
[/_accordion]
[_accordion title="青森県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="岩手県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="宮城県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="秋田県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="山形県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="福島県"]
<a href="#">●●市</a>
[/_accordion]
[/accordion][accordion title="甲信越・北陸"]
[_accordion title="新潟県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="富山県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="石川県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="福井県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="山梨県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="長野県"]
<a href="#">●●市</a>
[/_accordion]
[/accordion][accordion title="東海"]
[_accordion title="愛知県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="岐阜県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="静岡県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="三重県"]
<a href="#">●●市</a>
[/_accordion]
[/accordion][accordion title="関西"]
[_accordion title="大阪府"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="兵庫県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="京都府"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="滋賀県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="奈良県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="和歌山県"]
<a href="#">●●市</a>
[/_accordion]
[/accordion][accordion title="中国・四国"]
[_accordion title="鳥取県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="島根県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="岡山県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="広島県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="山口県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="徳島県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="香川県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="愛媛県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="高知県"]
<a href="#">●●市</a>
[/_accordion]
[/accordion][accordion title="九州・沖縄"]
[_accordion title="福岡県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="佐賀県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="長崎県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="熊本県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="大分県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="宮崎県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="鹿児島県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="沖縄県"]
<a href="#">●●市</a>
[/_accordion]
[/accordion]

2段組み(PCのみ2列表示)

2列に並べたい場合は、「accordion_2col」を使います。

[accordion_2col]
[accordion title="左の列"]
左の列の中身
[/accordion]
[/accordion_2col][accordion_2col]
[accordion title="右の列"]
右の列の中身
[/accordion]
[/accordion_2col]

⚠注意

左の列の終わりと右の列の始まりは、改行しないでくっつけてください。くっつけないと、1列目と2列目の間にbrタグが挿入されて、左右のアコーディオンの上が揃わなくなります。

左右セットタイプ

[accordion_2col]を行ごとに使用すると、左右連動して動作します。




[accordion_2col]
[accordion title="関東"]
<a href="#">東京都</a>
<a href="#">神奈川県</a>
<a href="#">埼玉県</a>
<a href="#">千葉県</a>
<a href="#">茨城県</a>
<a href="#">栃木県</a>
<a href="#">群馬県</a>
[/accordion]
[/accordion_2col][accordion_2col]
[accordion title="北海道・東北"]
<a href="#">北海道</a>
<a href="#">青森県</a>
<a href="#">岩手県</a>
<a href="#">宮城県</a>
<a href="#">秋田県</a>
<a href="#">山形県</a>
<a href="#">福島県</a>
[/accordion]
[/accordion_2col]
[accordion_2col]
[accordion title="甲信越・北陸"]
<a href="#">新潟県</a>
<a href="#">富山県</a>
<a href="#">石川県</a>
<a href="#">福井県</a>
<a href="#">山梨県</a>
<a href="#">長野県</a>
[/accordion]
[/accordion_2col][accordion_2col]
[accordion title="東海"]
<a href="#">愛知県</a>
<a href="#">静岡県</a>
<a href="#">岐阜県</a>
<a href="#">三重県</a>
[/accordion]
[/accordion_2col]
[accordion_2col]
[accordion title="関西"]
<a href="#">京都府</a>
<a href="#">大阪府</a>
<a href="#">兵庫県</a>
<a href="#">奈良県</a>
<a href="#">滋賀県</a>
[/accordion]
[/accordion_2col][accordion_2col]
[accordion title="中国・四国"]
<a href="#">鳥取県</a>
<a href="#">島根県</a>
<a href="#">岡山県</a>
<a href="#">広島県</a>
<a href="#">山口県</a>
<a href="#">徳島県</a>
<a href="#">香川県</a>
<a href="#">愛媛県</a>
<a href="#">高知県</a>
[/accordion]
[/accordion_2col]
[accordion_2col]
[accordion title="九州・沖縄"]
<a href="#">福岡県</a>
<a href="#">佐賀県</a>
<a href="#">長崎県</a>
<a href="#">熊本県</a>
<a href="#">大分県</a>
<a href="#">宮崎県</a>
<a href="#">鹿児島県</a>
<a href="#">沖縄県</a>
[/accordion]
[/accordion_2col]

左右独立タイプ

[accordion_2col]を左と右の2回だけ使うと、独立して動作します。スマホで見ると、左の列がすべて並んだあとに、右の列が下に表示されます。

[accordion_2col]
[accordion title="北海道・東北"]
<a href="#">北海道</a>
<a href="#">青森県</a>
<a href="#">岩手県</a>
<a href="#">宮城県</a>
<a href="#">秋田県</a>
<a href="#">山形県</a>
<a href="#">福島県</a>
[/accordion][accordion title="関東"]
<a href="#">東京都</a>
<a href="#">神奈川県</a>
<a href="#">埼玉県</a>
<a href="#">千葉県</a>
<a href="#">茨城県</a>
<a href="#">栃木県</a>
<a href="#">群馬県</a>
[/accordion][accordion title="甲信越・北陸"]
<a href="#">新潟県</a>
<a href="#">富山県</a>
<a href="#">石川県</a>
<a href="#">福井県</a>
<a href="#">山梨県</a>
<a href="#">長野県</a>
[/accordion][accordion title="関西"]
<a href="#">京都府</a>
<a href="#">大阪府</a>
<a href="#">兵庫県</a>
<a href="#">奈良県</a>
<a href="#">滋賀県</a>
[/accordion]
[/accordion_2col][accordion_2col]
[accordion title="東海"]
<a href="#">愛知県</a>
<a href="#">静岡県</a>
<a href="#">岐阜県</a>
<a href="#">三重県</a>
[/accordion][accordion title="中国・四国"]
<a href="#">鳥取県</a>
<a href="#">島根県</a>
<a href="#">岡山県</a>
<a href="#">広島県</a>
<a href="#">山口県</a>
<a href="#">徳島県</a>
<a href="#">香川県</a>
<a href="#">愛媛県</a>
<a href="#">高知県</a>
[/accordion][accordion title="九州・沖縄"]
<a href="#">福岡県</a>
<a href="#">佐賀県</a>
<a href="#">長崎県</a>
<a href="#">熊本県</a>
<a href="#">大分県</a>
<a href="#">宮崎県</a>
<a href="#">鹿児島県</a>
<a href="#">沖縄県</a>
[/accordion]
[/accordion_2col]

2段組み+3階層を組み合わせた応用技

※東京都、北海道、新潟県、愛知県のみ3階層にした使用例

左右セットタイプ

関東

東京都

東京23区
東京都下

神奈川県
埼玉県
千葉県
茨城県
栃木県
群馬県

北海道・東北

青森県
岩手県
宮城県
秋田県
山形県
福島県


甲信越・北陸

新潟県

新潟市
●●市

富山県
石川県
福井県
山梨県
長野県

東海

愛知県

名古屋市
豊田市

静岡県
岐阜県
三重県



[accordion_2col]
[accordion title="関東"]
[_accordion title="東京都"]
[__accordion title="東京23区"]
<a href="#">千代田区</a>
<a href="#">中央区</a>
[/__accordion]
[__accordion title="東京都下"]
<a href="#">三鷹市</a>
<a href="#">八王子市</a>
[/__accordion]
[/_accordion]
[_accordion title="神奈川県"]
<a href="#">横浜市</a>
[/_accordion]
[_accordion title="埼玉県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="千葉県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="茨城県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="栃木県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="群馬県"]
<a href="#">●●市</a>
[/_accordion]
[/accordion]
[/accordion_2col][accordion_2col]
[accordion title="北海道・東北"]
[_accordion title="北海道"]
[__accordion title="札幌市"]
<a href="#">札幌市中央区</a>
<a href="#">札幌市北区</a>
[/__accordion]
[__accordion title="道央"]
<a href="#">小樽市</a>
<a href="#">室蘭市</a>
[/__accordion]
[/_accordion]
[_accordion title="青森県"]
<a href="#">八戸市</a>
[/_accordion]
[_accordion title="岩手県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="宮城県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="秋田県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="山形県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="福島県"]
<a href="#">●●市</a>
[/_accordion]
[/accordion]
[/accordion_2col]
[accordion_2col]
[accordion title="甲信越・北陸"]
[_accordion title="新潟県"]
[__accordion title="新潟市"]
<a href="#">●●区</a>
<a href="#">●●区</a>
[/__accordion]
[__accordion title="●●市"]
<a href="#">●●区</a>
<a href="#">●●区</a>
[/__accordion]
[/_accordion]
[_accordion title="富山県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="石川県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="福井県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="山梨県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="長野県"]
<a href="#">●●市</a>
[/_accordion]
[/accordion]
[/accordion_2col][accordion_2col]
[accordion title="東海"]
[_accordion title="愛知県"]
[__accordion title="名古屋市"]
<a href="#">●●区</a>
<a href="#">●●区</a>
[/__accordion]
[__accordion title="豊田市"]
<a href="#">●●区</a>
<a href="#">●●区</a>
[/__accordion]
[/_accordion]
[_accordion title="静岡県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="岐阜県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="三重県"]
<a href="#">●●市</a>
[/_accordion]
[/accordion]
[/accordion_2col]
[accordion_2col]
[accordion title="関西"]
<a href="#">京都府</a>
<a href="#">大阪府</a>
<a href="#">兵庫県</a>
<a href="#">奈良県</a>
<a href="#">滋賀県</a>
[/accordion]
[/accordion_2col][accordion_2col]
[accordion title="中国・四国"]
<a href="#">鳥取県</a>
<a href="#">島根県</a>
<a href="#">岡山県</a>
<a href="#">広島県</a>
<a href="#">山口県</a>
<a href="#">徳島県</a>
<a href="#">香川県</a>
<a href="#">愛媛県</a>
<a href="#">高知県</a>
[/accordion]
[/accordion_2col]
[accordion_2col]
[accordion title="九州・沖縄"]
<a href="#">福岡県</a>
<a href="#">佐賀県</a>
<a href="#">長崎県</a>
<a href="#">熊本県</a>
<a href="#">大分県</a>
<a href="#">宮崎県</a>
<a href="#">鹿児島県</a>
<a href="#">沖縄県</a>
[/accordion]
[/accordion_2col]

左右独立タイプ

北海道・東北

青森県
岩手県
宮城県
秋田県
山形県
福島県

関東

東京都

東京23区
東京都下

神奈川県
埼玉県
千葉県
茨城県
栃木県
群馬県

甲信越・北陸

新潟県

新潟市
●●市

富山県
石川県
福井県
山梨県
長野県

[accordion_2col]
[accordion title="北海道・東北"]
[_accordion title="北海道"]
[__accordion title="札幌市"]
<a href="#">札幌市中央区</a>
<a href="#">札幌市北区</a>
[/__accordion]
[__accordion title="道央"]
<a href="#">小樽市</a>
<a href="#">室蘭市</a>
[/__accordion]
[/_accordion]
[_accordion title="青森県"]
<a href="#">八戸市</a>
[/_accordion]
[_accordion title="岩手県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="宮城県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="秋田県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="山形県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="福島県"]
<a href="#">●●市</a>
[/_accordion]
[/accordion][accordion title="関東"]
[_accordion title="東京都"]
[__accordion title="東京23区"]
<a href="#">千代田区</a>
<a href="#">中央区</a>
[/__accordion]
[__accordion title="東京都下"]
<a href="#">三鷹市</a>
<a href="#">八王子市</a>
[/__accordion]
[/_accordion]
[_accordion title="神奈川県"]
<a href="#">横浜市</a>
[/_accordion]
[_accordion title="埼玉県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="千葉県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="茨城県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="栃木県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="群馬県"]
<a href="#">●●市</a>
[/_accordion]
[/accordion][accordion title="甲信越・北陸"]
[_accordion title="新潟県"]
[__accordion title="新潟市"]
<a href="#">●●区</a>
<a href="#">●●区</a>
[/__accordion]
[__accordion title="●●市"]
<a href="#">●●区</a>
<a href="#">●●区</a>
[/__accordion]
[/_accordion]
[_accordion title="富山県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="石川県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="福井県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="山梨県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="長野県"]
<a href="#">●●市</a>
[/_accordion]
[/accordion]
[accordion title="関西"]
<a href="#">京都府</a>
<a href="#">大阪府</a>
<a href="#">兵庫県</a>
<a href="#">奈良県</a>
<a href="#">滋賀県</a>
[/accordion]
[/accordion_2col][accordion_2col]
[accordion title="東海"]
[_accordion title="愛知県"]
[__accordion title="名古屋市"]
<a href="#">●●区</a>
<a href="#">●●区</a>
[/__accordion]
[__accordion title="豊田市"]
<a href="#">●●区</a>
<a href="#">●●区</a>
[/__accordion]
[/_accordion]
[_accordion title="静岡県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="岐阜県"]
<a href="#">●●市</a>
[/_accordion]
[_accordion title="三重県"]
<a href="#">●●市</a>
[/_accordion]
[/accordion][accordion title="中国・四国"]
<a href="#">鳥取県</a>
<a href="#">島根県</a>
<a href="#">岡山県</a>
<a href="#">広島県</a>
<a href="#">山口県</a>
<a href="#">徳島県</a>
<a href="#">香川県</a>
<a href="#">愛媛県</a>
<a href="#">高知県</a>
[/accordion][accordion title="九州・沖縄"]
<a href="#">福岡県</a>
<a href="#">佐賀県</a>
<a href="#">長崎県</a>
<a href="#">熊本県</a>
<a href="#">大分県</a>
<a href="#">宮崎県</a>
<a href="#">鹿児島県</a>
<a href="#">沖縄県</a>
[/accordion]
[/accordion_2col]

LPで2段組みを使う場合

上記の2段組みコード全体をさらにLP用の2段組みショートコード
[accordion_2col_lp]

[/accordion_2col_lp]
でくくってください。

階層なし(list=“no”)

般若ビルダーのアコーディオンは、都道府県コンテンツのようなリスト表示が前提です。aタグやbrタグを入れると表示が崩れます。

そのため、単なるテキスト隠し目的で、階層なしのコンテンツを入れる場合は「list=“no”」を追記してください。

秘密のコンテンツ

かわいいハムスター登場!

brタグで改行したり、
テキストリンクを入れるときは「list=“no”」は必須!

[accordion title="秘密のコンテンツ" list="no"]
かわいいハムスター登場!
<img class="alignnone size-full wp-image-15043" src="https://hannya-builder.com/guide/wp-content/uploads/2020/03/ricky-kharawala-10194-unsplash.jpg" alt="" width="640" height="424">

brタグで改行したり、
<a href="https://hannya-builder.com/guide/shortcode/accordion-kaisou/">テキストリンク</a>を入れるときは「list=“no”」は必須!
[/accordion]

見出しを中央揃えにする(align=”center”)

見出しを中央揃えにするには「 align=”center”」を追加します。デフォルトは左揃え( align=”left”)です。

秘密のコンテンツ

かわいいハムスター登場!

[accordion title="秘密のコンテンツ" list="no" align="center"]
かわいいハムスター登場!
<img class="alignnone size-full wp-image-15043" src="https://hannya-builder.com/guide/wp-content/uploads/2020/03/ricky-kharawala-10194-unsplash.jpg" alt="" width="640" height="424">
[/accordion]

以上、「アコーディオン」でした。

般若ビルダー専用ショートコード一覧に戻る