jQuery 初学者 - 手风琴菜单，但按钮紧张答案

【问题标题】：jQuery beginner - accordion menu, but jittery buttonsjQuery 初学者 - 手风琴菜单，但按钮紧张
【发布时间】：2013-11-14 01:09:54
【问题描述】：

作为个人练习的一部分，我创建了一个手风琴常见问题解答菜单here

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

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

(function () {

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

    $('dd').click(function(){
        $(this).hide();
    });

})();

【问题讨论】：

我没有抖动..什么浏览器？
Google Chrome - Mac 和 PC 版本
我在 chrome 上，没有问题..
我刚刚在 Safari 中查看并看到了它。这是非常微妙的，不是一个大问题，只是我希望找到解决方法的一个小麻烦。

标签： jquery menu expandable

【解决方案1】：

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

不幸的是，如果是这种情况，您几乎无法通过 Web 应用程序来解决它。最好的情况是，您可以选择按钮边框对比度较小的配色方案，这会使摆动不那么明显。

【讨论】：

【解决方案2】：

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

【讨论】：

这确实属于评论

【解决方案3】：

在性能方面，使用 jQuery 做动画实际上是相当昂贵的。我建议不要使用可能是您的问题的动画。

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

【讨论】：

【解决方案4】：

尝试切换一些过渡效果以获得您想要的结果。尽可能使用 CSS3；如果您愿意，也可以坚持使用 jQuery。

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

【讨论】：