jQuery 初学者 - 手风琴菜单，但按钮抖动

Question

我在这里建立了一个手风琴常见问题菜单作为个人练习的一部分

单击按钮时有轻微的抖动/抖动，我似乎无法解决。我已经搜索了谷歌，但无济于事。有什么想法吗？

另外，有没有更有效的方法来编写代码？这是我所拥有的：

(function () {
    $('dd').hide();
    $('dt').click(function(){
        $(this)
            .next()
            .slideDown(100)
            .siblings('dd')
            .slideUp(100);
    });
    $('dd').click(function(){
        $(this).hide();
    });
})();

Answer 1

我不太确定，但是您是否看到子像素渲染器正在调整颜色间边框以响应页面上的元素四处移动？

不幸的是，如果是这种情况，您几乎无法从 Web 应用程序中对此做任何事情。 充其量，您可以选择按钮边框对比度较低的配色方案，这将使摆动不那么明显。

Answer 2

您是否尝试过更改当前使用的 jquery 自定义主题？

Answer 3

使用 jQuery 制作动画实际上在性能方面非常昂贵。我建议不要使用可能是您的问题的动画。

此外，您也可以使用jquery ui，因为他们已经解决了手风琴问题。重新发明轮子毫无意义

Answer 4

尝试切换一些过渡效果以获得所需的结果。尽可能使用 CSS3;或者如果你愿意，可以坚持使用jQuery。

$(this).animate({
    'paddingBottom': 5,
}, 300, 'linear')