jquery - アニメーションが終了するまでホバー機能を遅らせますか?

Question

編集:遅延時間中にユーザーがテキストの上にカーソルを置いた場合にのみ、色の変化が発生することがわかりました。アニメーションが終了するまでホバー機能を遅らせるにはどうすればよいですか?

私はJavaScriptコーダーではないので、ここに何が欠けているのかを理解するのに苦労しています。サイドバーとバイオテキストの 2 つの div があり、これがクライアントが望んでいる動作です。

両方のフェードインオンロード、バイオの少し後のサイドバー。40 秒後、バイオは 20% にフェードインし、サイドバーは 80% にフェードインします。

その後、バイオはホバー時にのみフェードインします。

現在、40 秒後にバイオ テキストが再び 1 秒間暗く点滅し、その後再び明るくなる以外はすべて機能しています。シンプルだと思います。何かご意見は？div はまったくネストされていません。jquery/1.9.1/jquery.min.js を使用

http://www.halamufleh.com/about

ありがとう！

$(document).ready(function () {
    // fade in content.
    $('#biotext').fadeIn(2000).delay(40000).fadeTo(5000, 0.20);
    $('#sidebar').fadeTo(4000, .6).delay(40000).fadeTo(2000, .8);
    $("#biotext").hover(function () {
        $("#biotext").fadeTo(1000, 1.0); // This sets the opacity to 100% on hover
    }, function () {
        $("#biotext").fadeTo(8000, 0.2); // This sets the opacity back to 20% on            mouseout
    });

});