フェードインjquery div

Question

私は、次のスクリプトをフェードインさせ、その間に遅れてフェードアウトしようとしています。 divが正しく表示され、消えてしまいますが、フェードインしませんか？

<?php 
if(isset($_GET['updated'])) { ?> 
<div id='updated'><p>The product was successfully added to your Shopping Cart</p></div> 
<script src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/javascript"> 
$('#updated').fadeIn(800).delay(3000).fadeOut(800) 
</script> 
<?php } ?> 

ありがとうございました！

Answer 1

$('#updated').hide().fadeIn(800).delay(3000).fadeOut(800); 

また、CSSでそれを設定できます

#updated{ 
    display: none; 
} 

問題がある - それは（デフォルトでは）すでに目に見えるのです。

Answer 2

あなたはfadeIn()前隠すdivに持っている、あなたはdivを非表示にするhide()メソッドを使用することができます。

<?php 
if(isset($_GET['updated'])) { ?> 
<div id='updated'><p>The product was successfully added to your Shopping Cart</p></div> 
<script src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/javascript"> 

$('#updated').hide().fadeIn(800).delay(3000).fadeOut(800) 
</script> 
<?php } ?> 

Answer 3

そのため、そのすでに示す

<div id='updated' style="display:none"> 

修正それを