jquery - 单击时更改 jQuery 手风琴大小

Question

这可能吗？

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

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

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

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

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

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

score 0 · Accepted Answer

不确定这是否是一个解决方案，但我发现了另一个手风琴风格的小部件，它可以让我选择“标题”的大小，但会展开以适应内容：使用 AngularUI 始终保持一个部分打开

score 0 · Accepted Answer

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

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

2 回答 2