javascript - jquery animate opacityがスムーズではなく突然表示される

Question

作成したタブのコンテンツをアニメーション化しようとしています。コンテンツをフェードアウトするときはスムーズに機能しますが、フェードインするとうまくいきません。フェードインするのではなく、コンテンツが突然表示されます。

ここで私のコードを確認してください: http://jsfiddle.net/rqsJ8/2/

考えられることはすべて試しましたが、なぜこれが起こっているのかわかりません。

教えてください。

どうもありがとう

Answer 1

新しいコードでバージョンを更新し、それをフィドルに保存しました。リンクは次のとおりです: http://jsfiddle.net/rqsJ8/61/

Answer 2

http://jsfiddle.net/rqsJ8/25/

フェードインとフェードアウトを使用するように変更。

Answer 3

あなたはおそらくスピードの時間について言及していません..

tabContent.animate({ opacity: 0 }, function() {
        $(this).removeClass('selected');
    }, speed );