javascript点击事件，展开与收起

---

开发工具与关键技术：DW
作者：彭春怡
撰写时间：2019年1月19日

---

1． 下图是通过简单html+css+javascript完成的动画效果，展开与收起。
图1 html代码：

图2 CSS样式代码：

图3 javascript点击事件：
”open"为展开按钮，"close"为收起按钮
展开与收起，主要通javascript点击事件来完成展开，收起的效果。

图4，便是通过javascript 点击事件完成的展开与收起。

总结：第一次接触javascript的时候，感觉一脸懵逼，上课的时候完全听不懂，死撑着不让自己睡觉，听下去。老师教的javascript轮播事件，在课堂上讲了好几次，我呢听的时候是懂的，不过叫我自己写出来，还是不可能的，不过在不服输的意志下，虽然javascript轮播还是无法自己完成，但学会了容易点的javascript，例如上展开与收起。这让我认识到，只要坚持还是有希望的。