3

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

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

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

(function () {

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

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

})();
4

4 回答 4

0

Try toggling some transition effects to get your desired result. Use CSS3 where possible; or stick with jQuery if you'd rather.

$(this).animate({
    'paddingBottom': 5,
}, 300, 'linear')
于 2013-11-14T02:28:52.253 回答
0

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

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

于 2013-11-14T01:16:09.313 回答
0

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

于 2013-11-14T02:04:39.923 回答
0

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

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

于 2013-11-14T02:19:19.357 回答