Mam's WebSite
建築CGパース住宅CGパース

Mamの覚書Q&A検索

トップページMamの覚書Q&A検索WEB(jQueryMobile)⇒Q&A


大項目:「 WEB 」 - 中項目:「 jQueryMobile 」

「 jQueryMobileのコラプシブルパネルの基本 」

jQueryMobileのコラプシブルパネルの基本について


回答

以下参照。<br>
<br>
http://mam-mam.net/jqm_sample/collapsible.html

ソース

コラプシブルパネル(開閉パネル)
  <div data-role="collapsible" data-collapsed="false">
    <h5>開閉パネル</h5>
    <p>これは開閉パネルです</p>
  </div>
 

コラプシブルパネル(ミニ版)
  <div data-role="collapsible" data-collapsed="false" data-mini="true">
    <h5>開閉パネル</h5>
    <p>これは開閉パネルです</p>
  </div>
 

コラプシブルセット(アコーディオン式)
  <div data-role="collapsible-set">
    <div data-role="collapsible" data-collapsed="false">
      <h5>セクション1</h5>
      <p>セクション1の内容</p>
    </div>
    <div data-role="collapsible">
      <h5>セクション2</h5>
      <p>セクション2の内容</p>
    </div>
  </div>


Mam's WebSite