单击时更改jQuery手风琴大小

这可能吗

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

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

我正在使用本教程中的示例：

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

现在我的手风琴功能是

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

$（函数（）{
$（“手风琴”）。手风琴({
可折叠的：是的，
高度样式：“内容”
});
});

如果没有更多信息，这里有一个潜在的解决方案，可以将所有手风琴设置为窗口宽度

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

---

不确定这是否是一个解决方案，但我发现了另一个手风琴风格的小部件，它允许我选择“标题”的大小，但将扩展以适应内容：

请共享一些代码，以便我们可以帮助提问，询问代码必须证明对正在解决的问题的最低理解。告诉我们你试过做什么，为什么不起作用，以及它应该如何起作用。另见：我道歉。但我使用的代码与这个jQuery示例非常相似：