单击时更改jQuery手风琴大小-Java 学习之路

这可能吗？

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

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

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

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

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

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

2 回答

0
没有更多信息继承人将所有手风琴设置为窗口宽度的潜在解决方案......
```
$('.accordion').width($(window).width());
```
回复于 2024-05-11T14:03:56+08:00
0

不确定它是否是一个解决方案，但我发现另一个手风琴风格的小部件，让我选择"header"的大小，但将扩展以适应内容：Always Keep One Section Open Using AngularUI Collapse

回复于 2024-05-11T14:03:56+08:00