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和製表1的父DIV現在點擊標籤-1動畫整個父DIV。對第2部分和第2部分做同樣的事情。 我認爲這可能有效。因爲現在部分和標籤分別進行了動畫製作，這就是爲什麼它會導致延遲