jQuery 效果- 隐藏和显示

隐藏和显示如图所示：

jQuery hide() 和 show()

可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素，它的语法为

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

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

    speed ：显示元素出现的速度，通常以毫秒表示，也可以使用fast和slow 。

callback ：(可选) 参数是隐藏或显示完成后所执行的函数名称。

下面写出了hide(speed)方法和show(speed)方法：

//  body部分

    点击我p1将会被隐藏
    点击我p1将会显示出来
    
p1
    
    

下面例子写出了带有 speed 参数的 hide() 方法,并使用回调函数：

// style 样式

// body部分

    
隐藏以及设置回调函数
    

    点击此处隐藏
     
    

效果如下图所示：

 jQuery toggle()

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

也可以使用 toggle() 方法来切换 hide() 和 show() 方法。

toggle():显示被隐藏的元素，并隐藏已显示的元素

    点击显示或隐藏
    

    
这是一段非常多的一段非常多的一段非常多的一段文字
    
    

效果如下图：