Fade in jquery div show

javascript jquery delay fadein fadeout
Pete Naylor picture Pete Naylor · Apr 18, 2013 · Viewed 25.4k times · Source

I am trying to get the below script to fade in and fade out with a delay in between. It shows the div correctly and fades out as it should, but it doesn't fade in? 

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

Many thanks!

Answer

dt192 picture dt192 · Apr 18, 2013

its because its already showing

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

fixes it

Related questions

Fade in delay on Load

I've stumpled on something quite nice, I've wanted to use in some upcoming project. It's an animated opacity on load, or you can call it fade in. I wondered if you could link some elements together (ex. 3) so element2 only …

Read More
JavaScript sleep/wait before continuing

I have a JavaScript code that I need to add a sleep/wait function to. The code I am running is already in a function, eg: function myFunction(time) { alert('time starts now'); //code to make the program wait before …

Read More
Proper way to wait for one function to finish before continuing?

I have two JS functions. One calls the other. Within the calling function, I'd like to call the other, wait for that function to finish, then continue on. So, for example/pseudo code: function firstFunction(){ for(i=0;i<x;…

Read More