封装一个万能展开收起

原理为展开时内容撑起父元素高度，收起时设定父元素高度并且超出隐藏,此方法可无限嵌套

上代码

<style>
	.down {
        width: 20px;
        float: right;
        margin: 7px 10px 0 0;
    }

    .up {
        transform: rotate(180deg);
    }

    .liyar {
        height: auto;
        overflow: hidden; // 父元素必须设置Y轴超出隐藏 否则无效 
    }
</style>
    function changestatus(self,className) {  //接收icon本身 以及icon原本的className
    	//这里因为展开收起的ICON是通过旋转写的 可以省一张图片
    	//如果是两张图片的话需要修改下 替换图片链接  或者让点击的图片隐藏另一个block
    	// 这里也可以直接让icon旋转180度 但是不判断我个人感觉不稳妥
        if (self.className == className) {
            self.className = className + ' up'
        } else {
            self.className = className
        }
		
		//主题展开收起
        if ($(self).parent().parent()[0].style.height == '35px') {
            $(self).parent().parent()[0].style.height = 'auto'
        } else {
            $(self).parent().parent()[0].style.height = '35px'
        }
    }

有任何问题欢迎留言，工作日内基本我都看得到

还在烦恼找不到免费好看的电脑桌面吗？点我或者去主页，教你如何自己写一个电脑桌面

如果文章对您有所帮助，请帮我点个免费的赞，拒绝白嫖从我做起，我是七月、期待您的关注