纯css手风琴

*****因为过于简单，只给出结构，小白一看就懂
提示:y-content需要用定位来做，利用hover来触发，内容是否显示
闪光点: y-title 给了一个hover事件

</div>
        <div class="y-accordion">
            <ul class="y-accordion-ul">
                <li class="y-accordion-item">
                    <div class="y-title y-first-page"><a href="">首页</a></div>
                </li>
                <li class="y-accordion-item">
                    <div class="y-title">
                        <a href="">新川概况</a>
                        <div class="y-content y-content-1">
                            <div>
                                <div><a href="">新川简介</a></div>
                                <div><a href="">项目区位</a></div>
                                <div><a href="">立体交通</a></div>
                            </div>
                            <div>
                                <div><a href="">开发主题</a></div>
                                <div><a href="">空间规划</a></div>
                                <div><a href="">新川时间轴</a></div>
                            </div>
                        </div>
                    </div>

                </li>
                <li class="y-accordion-item">
                    <div class="y-title y-title2">
                        <a href="">新川产业</a>
                        <div class="y-content2 y-content-2">

                            <div><a href="">电子信息</a></div>
                            <div class="y-content2-m">
                                <div><a href="">产业基础</a></div>
                                <div><a href="">产业规划</a></div>
                                <div><a href="">签约项目</a></div>
                                <div><a href="">创新载体</a></div>
                            </div>
                            <div><a href="">生物医药</a></div>
                            <div class="y-content2-m">
                                <div><a href="">产业基础</a></div>
                                <div><a href="">产业规划</a></div>
                                <div><a href="">签约项目</a></div>
                                <div><a href="">创新载体</a></div>
                            </div>
                            <div><a href="">新经济</a></div>
                            <div><a href="">新加波创新中心</a></div>
                            <div><a href="">投资环境</a></div>
                            <div><a href="">创新驱动</a></div>

                        </div>
                    </div>

                </li>