1

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});
      });

});
4

1 に答える 1

1

セクション1とタブ1の親divを作成し、タブ1をクリックして親div全体をアニメーション化します。セクション2とタブ2についても同じようにします。私はそれがうまくいくかもしれないと思います。現在、セクションとタブは別々にアニメーション化されているため、遅延が発生しています

于 2012-04-10T14:29:57.313 に答える