jquery: adding effect to changing contents of a selected element

Question

I am trying to add an animation effect to changing contents of a selected element.

Like here's my code to change contents of a div..

$('.message').html('The product has been deleted.');

I want to add a simple slide down effect to this process. How should I do this?

Answer 1

$('#check').click(function() {

    $('.text').html('Here is my text.').hide().slideDown('slow'); // don't forget to hide it first....

});

demo

Answer 2

Just call $('.message').html('The product has been deleted.').hide().slideDown(); (http://api.jquery.com/slideDown/)