make div text disappear after 5 seconds using jquery ?

Question

Hi

i need to make a div text disappear after x seconds of displaying it using an ajax call

can you help me on this please ?

thanks

Answer 1

You would need to set something like setTimeout('$("#id").fadeOut("slow")', 5000) but other than that it depends on what the rest of your code looks like

Answer 2

$.doTimeout( 5000, function(){ 

 // hide the div
});

Answer 3

You can use empty() to remove a <div> contents:

setTimeout(fade_out, 5000);

function fade_out() {
  $("#mydiv").fadeOut().empty();
}

assuming:

<div id="mydiv">
  ...
</div>

You can do this with an anonymous function if you prefer:

setTimeout(function() {
  $("#mydiv").fadeOut().empty();
}, 5000);

or even:

var fade_out = function() {
  $("#mydiv").fadeOut().empty();
}

setTimeout(fade_out, 5000);

The latter is sometimes preferred because it pollutes the global namespace less.

Answer 4

This should work:

$(document).ready(function() { 
    $.doTimeout(5000, function() { 
        $('#mydiv').fadeOut(); 
    }); 
});

Answer 5

my dropdown menu is getting hidden by the image which i am fading out pls check http://www.softsystest.com//speed_impax_25_03/html/promotions.html pls help