jquery实现展开收起的功能

1、首先，我们需要明确自己制作的展开和收起功能应用的原理是什么，我制作的原理是，开始时控制列表的行高为定值，等我们点击展开时，列表的行高变成自动。

3、我们切换这两个样式是通过jquery的class切换函数，toggleClass，确保元素的class在增加extend和去掉extend之间切换。

5、通过以上几个步骤，我们的列表页的展开和收起功能基本上就可以实现了，但是当我们点击“更多”后，列表展开，更多应该变成收起的，事实是没有，这就需要我们进一步用函数实现更多和收起的切换。

7、最后所有代码附在下图，分享给大家。