前端最基础的效果----手风琴效果，用JS实现！！！

先展示一下效果图：

 点击手风琴，会下拉出内容，点击+  - 也会有效果，下面展示代码：

这是css样式：

<style>
        *{
            padding: 0;
            margin: 0;
        }
        ul,li,ol{
            list-style: none;
        }
        .wrap{
            width: 400px;
            margin: 50px auto;
        }
        .box{
            width: 400px;
        }
        .title{
            width: 400px;
            height: 60px;
            font-size: 20px;
            background: #ccc;
            line-height: 60px;
        }
        .title span{
            width: 40px;
            height: 40px;
            float: right;
            margin-right: 20px;
            marg