javascript - div は、successmessage の表示が終了する前にフェードを保持します

Question

successMessage が表示されるまで、div を部分的にフェードさせる方法を教えてください。

以下のコードでは、successMessage が終了する前に問題が発生し、ダイビングがフェードを保持します........

function see()
{
    var messageDelay = 2000;
    $("#content").fadeTo("slow",0.3);
    $('#successMessage').fadeIn().delay(messageDelay).fadeOut();
    $("#content").animate({opacity:1})
}


<div id="content">
dddddd
<input type="button" value ="click" onclick="see()"/>
</div>


    <div id="successMessage" class="statusMessage"><p>Thanks for sending your message! We'll get back to you shortly.</p></div>