jQuery Mobile - 删除嵌套 collapsiblesets 中的空白

Question

我有一个带有嵌套 collapsibleset 的 collapsibleset。像这样：

（无法发布图片），这是link。

我想删除嵌套 collapsibleset 前后出现的白色空格。我查看并尝试了这样的事情：

.ui-collapsibleset {
margin : 8px -15px;
}

并尝试在父可折叠和嵌套可折叠集中将填充设置为零，但没有删除这些。我也尝试过一些适用于列表视图的代码，但也没有用。

<div data-role="collapsibleset" id="popupCollapsible" data-theme="c" data-content-  theme="c" data-collapsed-icon="arrow-r" data-expanded-icon="arrow-d" style="margin:0; width:400px;">

<div data-role="collapsible">
  <h1>a a</h1>
  <div data-role="collapsibleset" data-theme="a" style="margin:0;">
    <div data-role="collapsible" data-inset="false">
      <h1>P</h1>
    </div>
    <div data-role="collapsible" data-inset="false">
      <h1>Súper</h1>
    </div>
</div>
</div>

Answer 1

您可以将一个类（例如noSpacing）添加到外部可折叠集并尝试以下操作：

.noSpacing > .ui-collapsible-content
{
    padding-top: 0px;
    padding-bottom: 0px;
}

.noSpacing > .ui-collapsible-content > .ui-collapsible-set
{
    margin-top: 0px;
    margin-bottom: 0px;
}

这是Demo。