jquery-mobile - jquery Mobileのグループ化されていない、複数の折りたたみ可能な要素の間の余分なスペースを削除する方法

Question

下の折りたたみ可能な各スペースの間の余分なスペースを取り除くにはどうすればよいですか？（下の画像リンクを参照）-画面のスペースを節約しようとしているので、それらを積み重ねる必要があります。

注：私の折りたたみ可能なもの（例：Eメール、Une、転売）はそれぞれ独立しており、自由に開いたり閉じたりすることができます（非アコーディオンタイプ）。

https://dl.dropbox.com/u/58096637/jqm_collapsible2.jpg

Answer 1

これがあなたのための例です：

これは使用されるjQueryコードです：

// Remove space between collapsible elements
$('div[data-role="collapsible"]').addClass('new-class');
// Remove rounded corners
$('div[data-role="collapsible"] h3 a').removeClass('ui-corner-bottom ui-corner-top ui-btn-up-c').addClass('ui-btn-up-c-custom');
// Fix borders so collapsible elements can overlap properly
$('div:last-child[data-role="collapsible"] h3 a').addClass('ui-btn-up-c-custom-last');