div{display:none;width: 200px;height: 200px;border: 1px solid red;}
</style>
</head>
<body>
<div></div>
<button class="a">显示</button>
<button class="b">隐藏</button>
<script src="./jquery-1.12.4.js"></script>
// $('.a').click(function(){
// show()
// })
// function show(){
// /* fast normal slow */
// $('div').show('normal',hide)
// }
// function hide(){
// $('div').hide('normal',show)
// }
// $('.b').click(function(){
// $('div').hide('fast',function(){
// alert('隐藏成功')
// })
// })
/* 点击按钮 , 实现div的 慢慢的显示和隐藏 */
/* 点击按钮 , 实现div的 快快的透明和显示完全 */
/* 点击按钮 , 实现div的 匀速的拉伸和缩小 */
</script>