$('#div1').slideDown(1000); //向下展开,下拉。1000毫秒,表示动画展开过程时间。
$('#div1').slideUp(1000); //向上收起
$('#div1').slideToggle(1000); //合成展开收起
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>下拉收起动画</title>
<style>
#div1 {
width:100px; height:100px;
background-color:black;
}
</style>
<script src="scripts/jquery-1.7.1.min.js"></script>
<script>
$(function() {
//下拉按钮
$('#btnSlideDown').click(function(){
//$('#div1').slideDown();
$('#div1').slideDown(1000);