<button>显示</button>
<button>隐藏</button>
<button>切换</button>
<div></div> div {
width: 150px;
height: 300px;
background-color: pink;
} $(function() {
$("button").eq(0).click(function() {
$("div").show(1000, function() {
alert(1);
});
})
$("button").eq(1).click(function() {
$("div").hide(1000, function() {
alert(1);
});
})
$("button").eq(2).click(function() {
$("div").toggle(1000);
})
// 一般情况下，我们都不加参数直接显示隐藏就可以了
});
External CSS
This Pen doesn't use any external CSS resources.