jquery_5（淡入淡出）

    <button>点击</button>
    <p>p标签，点击button会淡入淡出</p>
    <p>p标签，点击button会淡入淡出</p>

1.方法一（fadeIn - fadeOut）

语法：

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

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

$(function(){
            var show = true
            $('button').click(function(){
                if(show){
                    show = false
                    $('p').fadeOut() //隐藏
                }else{
                    show = true
                    // $('p').fadeIn()  //显示
                    $('p').fadeIn('fast')  
                    // $('p').fadeIn('slow')  
                    // $('p').fadeIn(3000)  
                }
            })
        })

2. 方法二（fadeToggle）

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

       $(function(){
           $('button').click(function(){
                // $('p').fadeToggle()
                // $('p').fadeToggle('fast')
                $('p').fadeToggle(3000)
           })
       })