jquery - 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

现在点击 tab-1 制作 section-1 和 tab-1 的父 div 动画整个父 div。对 section-2 和 tab-2 执行相同的操作。我认为它可能会奏效。因为现在部分和选项卡分别制作动画，这就是它导致延迟的原因