jQuery Mobile アコーディオン式コンテンツのサンプル

アコーディオン式ヘッダ1

ここに中身を書きます。

• 最初に記述した h3 要素がヘッダに使われます。
• それ以降に記述したHTMLが「中身」（コンテンツ）になります。
• 中身には、自由にHTMLを記述できます。
• このようにリストを書いても構いません。

アコーディオン式ヘッダ2

ここに中身を書きます。

• このサンプルでは、
• ヘッダにはデザインテーマBを、
• 中身にはデザインテーマCを、
• それぞれ使用しています。

アコーディオン式ヘッダ3

ここに中身を書きます。

• このように、
• 「アコーディオン式コンテンツ」は、
• 複数項目のうち、同時に1つの項目しか
• 開けない表示形態です。

アコーディオン式ヘッダA

デザインテーマAです。

アコーディオン式ヘッダB

デザインテーマBです。

アコーディオン式ヘッダC

デザインテーマCです。

アコーディオン式ヘッダD

デザインテーマDです。

アコーディオン式ヘッダE

デザインテーマEです。