Fade in jquery div Show

Question

Ich versuche, das folgende Skript ein- und auszublenden mit einer Verzögerung dazwischen. Es zeigt das Div korrekt und blendet aus, wie es sollte, aber es verblasst nicht?

<?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 } ?> 

Vielen Dank!

Answer 1

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

Sie könnten auch in der CSS-Set:

#updated{ 
    display: none; 
} 

Das Problem ist - es bereits sichtbar ist (Standardeinstellung).

Answer 2

Sie müssen versteckendiv vor fadeIn(), können Sie hide() Methode verwenden, um die div zu verstecken.

<?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

sein, weil seine schon zeigt

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

Fixes es