JQuery的滑动

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)

    })

})