2013-04-18 20 views
8

Sto cercando di ottenere lo script in basso per dissolvenza in entrata e dissolvenza con un ritardo nel mezzo. Mostra correttamente il div e svanisce come dovrebbe, ma non svanisce?Fade in jquery div show

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

Grazie mille!

risposta

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

Si potrebbe anche imposta nel css:

#updated{ 
    display: none; 
} 

Il problema è - è già visibile (per impostazione predefinita).

6

dovete nasconderediv prima fadeIn(), è possibile utilizzare hide() metodo per nascondere il 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').hide().fadeIn(800).delay(3000).fadeOut(800) 
</script> 
<?php } ?> 
7

suoi perché la sua già mostrando

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

lo ripara