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

Question

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

注意：我的每个可折叠（例如电子邮件、Une、Resold）都是独立的，可以随意打开或关闭（非手风琴类型）。

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');