jquery - jQuery UI Accordion 在加载时“跳跃”

Question

我刚刚完成了一个大学网页设计/平面设计课程的作品集网站，我正在使用 jQuery UI 手风琴作为我的导航部分。我的网站已经上线，你可以点击这里查看。

如果您单击“工作”，手风琴就会折叠起来，但您会注意到它会稍微“跳跃”到位。我似乎无法弄清楚出了什么问题。我尝试在 java 脚本中将 autoHeight 更改为 false，但它什么也没做。

这是我的 HTML 和 CSS 的一个小提琴，但我注意到它以与我的实时站点不同的方式呈现跳转.. http://jsfiddle.net/jNYAc/

我目前拥有的 jQuery 代码非常简单：

$(function () {
    $(".accordion").accordion({
        active: false,
        collapsible: true
    });
});

如果有人有任何建议，我将不胜感激！！

score 3 · Accepted Answer

我不确定为什么会这样，但是如果我添加overflow: hidden到容器 div ( <div class="nav">)，那么跳转就消失了。我还删除了height声明。

我的猜测是，当手风琴打开时 div 会改变宽度，这会强制“跳跃” - 通过添加overflow:hidden，宽度并不重要，因为 UI 只是忽略了<ul>它内部的宽度。

注意：我直接在 devtools 中的页面上执行此操作，而不是 jsfiddle。

1 回答 1