文章目录 前言 一、搭建静态页面 二、加入jquery动态效果 总结 前言 今天来分享一个使用jQuery制作的手风琴效果。只需要几行代码就能实现。 实现效果如下: 一、搭建静态页面 先搭建html代码 <div class="box"> <ul class="outerUl"> <li> <h4>软件教学</h4> <ul class="childUl"> <li>java</li> <li>web前端</li> <li>安卓开发</li> <li>iOS开发</li> </ul>