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とタブ-1の親のdivを作成します。セクション2とタブ2についても同様です。 うまくいくと思います。今はセクションとタブが別々にアニメーション化されているので、遅延を引き起こしています。