01タブ切り替えボックス

タブ1

ここはタブ1スペースです

タブ2

ここはタブ2スペースです

タブ3

ここはタブ3スペースです

html

java script

02アコーディオンタブパネル

一つだけ開いて、ほかのタブは閉じる仕様

タイトル1
ここはタブ1スペースです
タイトル2
ここはタブ2スペースです
タイトル3
ここはタブ3スペースです
タイトル4
ここはタブ4スペースです
タイトル5
ここはタブ5スペースです

html

java script

03もっと見るパネル

1ブロックづつスライドダウン表示

BOX

BOX

BOX

BOX1

BOX2

BOX3

BOX4

BOX5

BOX6

BOX7

BOX8

BOX9

もっと見る▼

閉じる×

html

java script

アコーディオンナビ

プルダウン子メニュー表示

サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。

html

java script