jQuery的滑动是通过高度的变化（向某个方向增大或者缩小）来动态的显示所匹配的元素
slideDown([speed] [fn])通过高度的变化，向下增大的动态效果 下滑效果
speed:下滑显示过程的速度 英文值或者毫秒
fn:动画完成时执行是函数
slideUp([speed] [fn]) 通过高度的变化，向上减小的动态效果 上滑效果
speed:上滑显示过程的速度 英文值或者毫秒
fn:动画完成时执行是函数
slideToggle([speed] [fn])通过高度的变化来切换元素的可见性
speed:上滑隐藏/下滑显示 过程的速度 英文值或者毫秒
fn:动画完成时执行是函数
$(document).ready(function(){
$('.p1').hide()
$('.but1').click(function(){
$('.p1').slideDown(100)//slow fast
})
$('.but2').click(function(){
$('.p2').slideUp()
})
$('.but3').click(function(){
$('.p3').slideToggle(1000)
})
})
