可折叠手风琴 - 如何最小化其宽度？

Question

我用jQuery UI制作了一个可分类的手风琴，它似乎填满了页面的整个宽度。

http://jqueryui.com/demos/accordion/#sortable

如何设置它以使其宽度最小化，因此它将与它所拥有的最大组一样长。

感谢

Answer 1

只需在该页面中为accordion id或ui-accordion类添加CSS样式，如下所示。

为id添加宽度

#accordion{
   width:300px;
}

或添加到css类

.ui-accordion{
    width:300px;
}

在此我将宽度视为300px

Answer 2

您所参考的页面有一个链接到手风琴的独立示例http://jqueryui.com/demos/accordion/sortable.html，该示例也会扩展到整个宽度。因此，第一页限制了外部的手风琴（在手风琴本身之外）。要直接控制宽度和其他尺寸，请使用CSS来设置元素的样式