Question

How can after click on button show a message and next hide it after 30 seconds?

Like:

$('#message').live('click', function() {
    $('#sm').hide();
    $('#sm').hide().show('slow').html('You have successfully registered');
    // how is hide "$('#sm')" after 30 seconds??
});

Please give me example in http://jsfiddle.net/

Answer 1

$('#message').live('click', function() {
    $('#sm').hide().show('slow').html('You have successfully registered');
    setTimeout(function(){ $('#sm').hide(); }, 30000);
});

JSFiddle Example