如果您以前从未使用过jQuery，请查看：
http://learn.jquery.com/
http://thenewboston.org/list.php?cat=32（视频教程）
jQuery函数slideUp（）、slideDown（）和slideToggle（）应该会对您有所帮助。
当隐藏的div消失时，我可以像幻灯片一样添加吗？我希望div在消失时滑动
像这样：
- 按钮按下
- 隐藏的div滑入
- 再次按下按钮
- div消失，旁边有一个幻灯片
我该怎么做？
我建议您使用jQuery
这里有一个在jQuery中滑动东西的好教程。
这里有一个使用jQuery:的非常简单的例子
检查JSFiddle：
HTML:
<!DOCTYPE html>
<html>
<head>
<!-- Include the jQuery Library -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<!-- Our DOM Structure for the javascript using jQuery -->
<div id="theDiv">This is a div!</div>
<button id="myButton">Click Me!</button>
</body>
</html>
Javascript：
<script type="text/javascript">
// When the page is ready and loaded
$(function(){
// On click of "myButton"
$('#myButton').click(function(){
// "slideToggle" the div
// ie: If hidden show it, else hide it
$('#theDiv').slideToggle();
});
})
</script>
在此处查看jQuery slideToggle文档
如果您以前从未使用过jQuery，请查看：
http://learn.jquery.com/
http://thenewboston.org/list.php?cat=32（视频教程）
您可以使用jQuery或其他库来完成此操作。您也可以编写自己的函数，但这需要一段时间。
如果想用纯javascript实现这一点，需要一些编码，或者可以使用jquery并使用烘焙动画。
http://api.jquery.com/animate/
按钮：假设这是您的按钮id
data：要播放的div
//include jquery
$(document).ready(function(){
$('#button').click(function(){
$('#data').toggle('slow',function(){ });
)};
});