点击按钮触发展开与收起

开发工具与关键技术：DW软件，JavaScript事件
作者：陈隆
撰写时间：2019年01月16日

首先使用DW创建一个HTML然后把一些需要用来测试的内容写到HTML页面中，我就用一个手机的信息来作为测试用的内容，写一个div包裹着里面的内容就可以了，然后再写两个按钮，一个是展开按钮，一个是收起按钮，然后把样式写好，最后再把收起这个按钮先隐藏起来就完成HTML部分了。（代码截图如下）

写好HTML部分后再创建一个css页面，然后把这个css页面引用到HTML页面的head中就可以了，引用代码<link rel="stylesheet" href="./css/sjpb.css">（这里每个人的创建的路径都有可能不一样，根据自己创建的路径来引用就可以了。样式可以根据自己的爱好来写（我写的如下截图）

这就是我写的样式，把样式写好之后就可以来写js也就是JavaScript，一样的先创建一个js页面，然后把这个js页面引用到HTML页面的body内容里的最后面就可以了，引用代码<script type="text/javascript" src="js/dh.js"></script>（根据自己创建的来引用哦）引用好之后就先给需要用到ID的把ID给加上后在js页面中创建一个window事件，然后在里面获取到HTML中的ID然后就可以了，然后再把原来的高度用js来改变就可以了（js具体代码如下截图）

这样代码就完成了。