如何在jQuery Mobile中创建一个可折叠的控制组

Question

我需要制作一个可折叠的集合，其中每个面板都包含一个复选框控制组（非插入）。

任何想法如何在没有脏CSS黑客的情况下做到这一点？

Answer 1

抱歉，注意到非插入部分！它不是一些*margin ie7黑客！但是为了使它们都是100％宽度等，你需要反对它们在创建后给出元素的原始填充/边距。为可折叠区域设置这些规则＆amp;它下方的复选框的字段集，您将全部设置。

jsFiddle DEMO

.ui-collapsible-contain {
    margin : 8px -15px;
}

.ui-collapsible-contain fieldset { 
    margin: 0 -15px 0;
}
.ui-collapsible-heading a span.ui-btn { 
    margin-left:6px;
}
.ui-collapsible-heading a .ui-btn-inner {
    padding-left: 46px;
}
​