单击时更改jQuery手风琴大小

Question

这可能吗？

我的内容显示的宽度不同。有时内容跨越浏览器，而某些内容跨越浏览器的四分之一。我想将手风琴宽度大小设置为50％，但是当点击以适应大内容时，它会扩展到100％。

现在将所有手风琴宽度设置为100％看起来非常尴尬。

我正在使用本教程中的示例：http://jqueryui.com/accordion/

默认情况下，样式将宽度设置为100％。我必须做一个包装类来将该样式覆盖到50％，但是当我展开一个包含大量内容的手风琴时，它不会显示所有内容，所以你必须侧面滚动才能看到它。

所以目前我的手风琴功能是这个

<script>
  $(function() {
    $( "#accordion" ).accordion({
      collapsible: true,
      heightStyle: "content"
    });
  });
</script>

Answer 1

没有更多信息，这是将所有手风琴设置为窗口宽度的潜在解决方案......

$('.accordion').width($(window).width());

Answer 2

不确定它是否是一个解决方案，但我找到了另一种手风琴风格的小部件，可让我选择“标题”的大小，但会扩展以适应内容：Always Keep One Section Open Using AngularUI Collapse