jquery：添加效果以更改所选元素的内容

Question

我正在尝试添加动画效果来更改所选元素的内容。

就像这是我更改 div 内容的代码..

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

我想为此过程添加一个简单的下滑效果。我该怎么做？

Answer 1

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

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

});

演示

Answer 2

只需调用 $('.message').html('该产品已被删除。').hide().slideDown();
(http://api.jquery.com/slideDown/)