jQuery 效果-隐藏和显示

掩藏、展现、更换，滑动，淡入淡出，以及动作漫画，哇哦！

点一下 展现/掩藏面板

实例

jQuery hide()

简单的jQuery hide()途径演示。

jQuery hide()

另外一个hide()实例。演示怎么样掩藏文本。

jQuery hide() 和 show()

通过 jQuery，您可以使用 hide() 和 show() 途径来掩藏和展现 html 元素：

实例

$("#hide").click(function(){ $("p").hide();}); $("#show").click(function(){ $("p").show();});

语法:

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

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

可选的 speed 参数规定掩藏/展现的速度，可以取以下值："slow"、"fast" 或毫秒。

可选的 callback 参数是掩藏或展现完成后所执行的函数名称。

下面的举例演示了带有 speed 参数的 hide() 途径：

实例

$("button").click(function(){ $("p").hide(1000);});

尝试一下 »

jQuery toggle()

通过 jQuery，您可以使用 toggle() 途径来更换 hide() 和 show() 途径。

展现被掩藏的元素，并掩藏已展现的元素：

实例

$("button").click(function(){ $("p").toggle();});

尝试一下 »

语法:

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

可选的 speed 参数规定掩藏/展现的速度，可以取以下值："slow"、"fast" 或毫秒。

可选的 callback 参数是掩藏或展现完成后所执行的函数名称。