<!DOCTYPE html>
<html>
<meta charset="UTF-8"/>
<head>
<title>jQuery动画---显示隐藏</title>
<style>
div {
border : 2px dotted red;
display: none;
}
</style>
</head>
<body>
<div>
<pre>
语法：
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒。
可选的 callback 参数是隐藏或显示完成后所执行的函数名称。
下面的例子演示了带有 speed 参数的 hide() 方法：
</pre>
</div>
<button id="show">显示</button>
<button id="hide">隐藏</button>
<button id="toggle">显示/隐藏</button>
<script src="jquery.min.js"></script>
<script>
$('#show').click(function() {
$('div').show(2000);
})
$('#hide').click(function() {
$('div').hide('slow');
})
$('#toggle').click(function() {
$('div').toggle('slow');
})
</script>
</body>
</html><!DOCTYPE html>
<html>
<meta charset="UTF-8"/>
阅读背景：
jQuery动画---显示隐藏（单击显示后文字出现 单击隐藏文字消失 两按钮组合相替换）
来源：互联网
分享到：
