Question

我刚刚完成了大学网页设计/平面设计课程的投资组合网站，我正在使用jQuery UI手风琴进行导航。 My website is live, you can click here to see it.

如果你点击“工作”，手风琴会折叠，但你会发现它有点“跳跃”到位。我似乎无法弄清楚出了什么问题。我已经尝试在java脚本中将autoHeight更改为false，它什么都不做。

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

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

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

如果有人有任何建议，我会非常感激!!

Answer 1

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

我的猜测是div在手风琴打开时会改变宽度，并强制“跳跃” - 并且通过添加overflow:hidden，宽度无关紧要，因为UI只是忽略了{的宽度{1}}在里面。

注意：我是直接在你的devtools页面上完成的，而不是jsfiddle。