Fade in jquery div show

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

Вы должны шкуройdiv перед тем fadeIn(), вы можете использовать hide() метод, чтобы скрыть 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 } ?> 

Answer 3

его, потому что его уже показывает

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

фиксирует это