如何删除jquery Mobile Un-grouped，Multiple collapsibles之间的额外空格

Question

如何摆脱下方每个可折叠之间的额外空间？ （见下面的图片链接） - 我正在尝试节省屏幕空间，并且需要将它们叠加在一起。

注意：我的每个可折叠的（例如Email，Une，Resold）都是独立的，可以随意打开或关闭（非手风琴式）。

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

Answer 1

Here's一个例子：

这是使用的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');