任意高度元素的展开收缩动画的实现（max-height）

JavaScript011

任意高度元素的展开收缩动画的实现（max-height）,第1张

展开收缩动画的实现有多种方式，比如JQuery的slideUp()、slideDown()方法实现；vue框架中可以借助<transition></transition >实现。如果只是通过js实现display的元素属性和none之间的切换，但是没有展开和收缩的动画效果。因此，用css实现该动画效果是比较不错的选择。

####### 3、 推荐一个css网址 https://www.zhangxinxu.com/wordpress/

1、外部全局变量记录伸展或收缩；

2、点击按钮增加点击事件----判断全局变量；

3、如果是显示，js在本行插入一行并赋值：（找到td的父tr，在tr后追加html新的tr，并填充内容）。

4、隐藏，找到对应新加的那行，hide或直删除即可。