2013-04-18 17 views
8

Próbuję uzyskać poniższy skrypt, aby zaniknąć i zanikać z opóźnieniem pomiędzy. Pokazuje poprawnie div i znika tak, jak powinien, ale nie zaniknie?Zniknij w 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 } ?> 

Wielkie dzięki!

Odpowiedz

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

Można również ustawić go w css:

#updated{ 
    display: none; 
} 

Problem polega na tym - to już widoczny (domyślnie).

6

Trzeba hidediv przed fadeIn(), można użyć hide() sposób, aby ukryć 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

jej, ponieważ jej już pokazując

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

przytwierdza to