jQuery动画

隐藏和显示

.hide()隐藏
.show()显示
.toggle()隐藏和显示切换
可以加入时间参数和回调函数（在动画完成时执行）

 $('.text').hide()；

 $('.text').show(300, function() {
    alert('hello.');
});

$('.text').toggle(1000);

渐变.fadeIn() .fadeOut() .fadeToggle()

使用方法同上面相同，效果为淡入淡出

滑动.slideDown() .slideUp() .slideToggle()

使用方法同上面相同，效果为元素的高度逐渐拉开，这会导致页面的下面部分滑下去

  

    

      

        
标题1
        
内容1
      
      

        
标题2
        
内容2
      
      

        
标3
        
内容3
      
      

        
标题4
        
内容4