展开与收起

开发工具与关键技术：DW与JS
作者：茅凯翔
撰写时间：2019年2月6日星期三

之前我弄过一个自动的展开与收起，这次来试试手动的展开与收起，其实两个都是一样的，都是一个内容包裹着另一个内容，展开后被包裹着的内容就显示出来了。收起来后，被包裹的内容就隐藏起来了。
1.我们来看看源代码是怎么写的：

这个你弄多少行都没问题，把宽高弄好就可以了。

2.它还要一个动画按钮：

给按钮一个名称。

3.基本的弄好了，我们再来弄CSS的样式：


如果你喜欢的话，你可以给它背景图片。

4.然后我们去设置JS：
我们先获取元素

获取元素我们才能实现动画效果

第一个的280像素是展开的大小，第二个的85像素是收起的大小

5.最后我们来看看实现的效果：
这个是收起的效果

这个是展开的效果：
其实手动的跟自动的都是一样的，只是两种不同的属性。