如果容器呈现不可见，Jquery Accordion 不会填充容器的高度答案

【问题标题】：Jquery Accordion does not fill height of container if container is rendered invisible如果容器呈现不可见，Jquery Accordion 不会填充容器的高度
【发布时间】：2014-06-21 16:27:11
【问题描述】：

我在 div 中有一个手风琴，并且 heightstyle 设置为填充，并且 div 的高度为 100%。这是一个侧面板，里面有一个帮助页面。

当我在侧面板可见的情况下渲染页面时，手风琴会从上到下填充整个空间，这很棒。但是当我使面板不可见并让用户使其可见时，手风琴在顶部全部被压扁，并没有填满整个空间。

$('#helpaccordion').accordion({
               collapsible: true,
               header: 'h4',
               heightStyle: 'fill',
               active: parseInt(helpactivegroup),
               activate: function( event, ui ) {setActiveGroup()}
             });

有没有办法在手风琴可见后刷新它？或者其他方式来确保它填满整个空间？

【问题讨论】：

标签： jquery jquery-ui jquery-ui-accordion

【解决方案1】：

手风琴确实有刷新方法：jQuery UI accordion API

【讨论】：

我注意到 resize 方法完成了同样的事情，但听起来刷新是专门为此目的而设计的。由于某种原因，使用刷新会比调整大小更好吗？

【解决方案2】：

自己找到了答案。

$("#helpaccordion").accordion("resize");

我刚刚在初始化手风琴之后添加了这段代码（即使那时它仍然不可见），它解决了我的问题。

【讨论】：