jquery - フェードイン div のテキストの色を変更するには?

Question

ロード時に実行される次の作業スクリプトがあります。

$("div.fadeinWrapper").fadeIn(3000);

フェードインが完了したら、アニメーション関数を使用して、div 内のスパンの色を #000000 から #FF0000 に変更したいと考えています。どうやってそれをするのですか？

Answer 1

このような：

$("div.fadeinWrapper").fadeIn(3000, function() {
    $("span.yourclass").animate({
        color: "#fff000",
    });
});

注: これにはJquery UI ライブラリが必要です。

詳細情報animate(): http://jqueryui.com/animate/

Answer 2

fadeIn() にはコールバック関数があります

 $("div.fadeinWrapper").fadeIn(3000, function() {
    --your animate code here--
 });

ソース: http://api.jquery.com/fadeIn/

Answer 3

コードを理解するのに役立つ例を次に示します。フィドルhttp://jsfiddle.net/hEmCa/1/

 $(document).ready(function(){
     $('#pt').click(function(){
     $('#d').fadeIn(6000);
         $('#d1').animate({
         opacity: 0.65,
          left: "+=500",
          height: "toggle"
         });
     });
  });

あなたがこれを達成したかったことを願っています。