动画效果

(1) //列队动画，递归自调用
$('.show').click(function () {
 $('div').first().show('fast', function showSpan() {
    $(this).next().show('fast', showSpan);
 });
});
   (2) jQuery 提供给我们一个类似功能的独立方法：.toggle()
$('.toggle').click(function () {
 $(this).toggle('slow');  //toggle('slow');切换
});


$('.toggle').click(function () {
 $('#box').slideToggle(); //slideToggle() 切换
});
   (3)自定义动画，jQuery 提供了一个.animate()方法来创建我们的自定义动画
$('.animate').click(function () {
$('#box').animate({
 'width' : '300px',
 'height' : '200px',
 'fontSize' : '50px',
 'opacity' : 0.5
 });
});
   (4)列队动画方法
$('#box').slideToggle('slow',function(){
$(this).slideToggle('slow',arguments.callee);
});