展开效果实现

使用JQ的sildeUp()和sildeDown()来实现，这两个函数第一个参数是动画时间，单位毫秒。第二个参数是linear或swing，第三个参数是函数执行完之后的回调函数

$("#test1").slideDown(200,"linear");
$("#test1").slideUp(200,"linear");

选择id为test1的元素，在200ms内把全部元素滑动显示出来,再滑动消失，可以提前给要隐藏的元素设置一下display: none把元素隐藏起来