Fade in jquery div montrer

Je suis en train d'essayer d'obtenir le script ci-dessous afin de fade in et fade out avec un temps de retard entre les deux. Il montre la div correctement et disparaît comme il se doit, mais il n'a pas fondu?

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

Merci beaucoup!

OriginalL'auteur Pete Naylor | 2013-04-18

  1. 7

    sa parce que sa montre déjà

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

    fixe

    OriginalL'auteur dt192

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

    Vous pourrait aussi le mettre dans le css:

    #updated{
  display: none;
}

    Le problème est - il déjà visible (par défaut).

    OriginalL'auteur ahren

  3. 6

    Vous avez à cacher div avant fadeIn(), vous pouvez utiliser hide() méthode pour masquer la 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 } ?>

    OriginalL'auteur Adil