Jquery动画导致背景图像闪烁

Question

我正在使用jquery .animate函数创建一个简单的手风琴，导航是以每个包含背景图像的标签的形式。手风琴工作正常，除了它动画标签图像消失并再次出现。这是链接：

http://www.piersrueb.com/newsite_tabs/

这是js：

$(document).ready(function(){

$('.tab-1').toggle(function() {
            $('.section-1').animate({width: 800});
            $('.section-2').animate({width: 60});
      }, function() {
            $('.section-1').animate({width: 30});
      });

$('.tab-2').toggle(function() {
            $('.section-2').animate({width: 800});
            $('.section-1').animate({width: 30});
      }, function() {
            $('.section-2').animate({width: 60});
      });

});

Answer 1

创建第1部分的父div和第1部分的tab-1点击tab-1为整个父div设置动画。对第2节和第2节做同样的事情。 我认为它可能会奏效。因为现在部分和制表符分别动画，这就是导致延迟的原因