手风琴效果是一种常见的效果，如何利用jquery实现手风琴效果，主要是用到了silde属性
工具/原料
DW2017
方法/步骤
1
首先创建一个div，内含一张图片，再创建一个p标签，作为按钮。
2
设置div中的元素为隐藏，以及一些简单的css效果
3
点击运行，预览效果如下图所示：
4
利用jquery的slide属性实现手风琴效果，slide有三种方法：slideDown()、slideUp()、 slideToggle()，这里用到的是slideToggle()方法。 1、如果元素向下滑动，则slideToggle()可向上滑动，反之，向下滑动
5
设置完成后，点击运行，可以看到下图所示的最终效果
下一篇：如何写一棵树