11.12

 $(function(){

            //行内样式 display

            // 隐藏 display:none  显示 display:原始值  如果没有原始值，则删除display样式

            // 带时间的路线 左上角<->右下角

            $(".show").click(function(){

                // $("div").show()

                // $("div").show("show")  norml  fast

                $("div").show(1000)

            })

            $(".hide").click(function(){

                $("div").hide()

            })

            $(".toggle").click(function(){

                $("div").toggle()

            })

            // 行内样式 height

            // 动画路线上<->下

            $(".slideDown").click(function(){

                $("div").slideDown(3000)

            })

            $(".slideUp").click(function(){

                $("div").slideUp()

            })

            $(".slideToggle").click(function(){

                $("div").slideToggle(10000)

            })

            // 行内样式   opacity 0<->1

            $(".fadeIn").click(function(){

                $("div").fadeIn()

            })

            $(".fadeOut").click(function(){

                $("div").fadeOut(3000)

            })

            $(".fadeToggle").click(function(){

                $("div").fadeToggle()

            })

            $(".fadeTo").click(function(){

                $("div").fadeTo("normal",0.3)

            })

            $(".animate").click(function(){

                // $("div").animate({width: "400px"},1000)

                // $("div").animate({width: "400px",height:"400px",opacity:0.3},1000)

                $("div").animate({width: '+=50px',height:'+=50px',opacity:0.3},1000)

            })

        })