jquery_6（滑动）

1. 方法一（slideUp - slideDown）

语法：

$(selector).slideDown(speed,callback);

$(selector).slideUp(speed,callback);

        $(function(){
            var slide = true
            $('#btn1').click(function(){
                if(slide){
                    slide = false
                    $('#p1').slideUp()  
                }else{
                    slide = true
                    $('#p1').slideDown() 
                    // $('p').slideDown('fast')  
                    // $('p').slideDown('slow')  
                    // $('p').slideDown(3000)  
                }
            })
        })

2. 方法二（slideToggle）

语法：$(selector).slideToggle(speed,callback);

           $(function(){
               $('#btn1').click(function(){
                    // $('p').slideToggle()
                    // $('p').slideToggle('fast')
                    $('#p1').slideToggle(300)
               })
           })

3.idea——可以做下拉列表