jquery-mobile - JQueryMobile 非折りたたみ可能なセットの折りたたみ可能なものを、折りたたみ可能なセットにあるときのように見せる方法

Question

単純な質問ですね。折りたたみ可能なセット (下の例では最初の 2 つの折りたたみ可能) にあるときの折りたたみ可能なセット (最後の 2 つの折りたたみ可能) にないときの折りたたみ可能の外観が好きです。折りたたみ可能なセットを使用できない理由は、それらのアコーディオン機能を防ぐ方法が見つからないためです (これがオプションではない理由がわかりません)。これは単に CSS のスタイリングの問題かもしれませんが、コンテナーの上部と下部のギャップをどこで取り除くかを考え出すこともできませんでしたが、丸みを帯びた角はそのままにしておきます。

これは信じられないほど簡単に感じますが、私は多くのアプローチを試しましたが、その方法を見つけることができません.

http://jsfiddle.net/L14z0x12/3/

<div data-role="main" class="ui-content">
  <div class="ui-body ui-body-a ui-corner-all">
   <div data-role="collapsibleset">
    <div data-role="collapsible" data-collapsed="true">
     <h2>Collapsible in collapsibleset 1</h2>
     <p>Some Content</p>
    </div>
    <div data-role="collapsible" data-collapsed="true">
     <h2>Collapsible in collapsibleset 2</h2>
     <p>Some Content</p>
    </div>
   </div>
   <div class="ui-body ui-body-a ui-corner-all">
    <div data-role="collapsible" data-inset="false">
     <h2>Collapsible 1</h2>
     <p>Some Content</p>
    </div>
    <div data-role="collapsible" data-inset="false">
     <h2>Collapsible 2</h2>
     <p>Some Content</p>
    </div>
   </div>
 </div>
</div>