点击更多可折叠可舒展的方法

$(function(){
    $(".load-more").click(function(){
    // 被选元素是否包含指定的类名称
    if($(this).hasClass("active")){//如果有active这个类 则它除移active这个类 元素的第一个祖先元素隐藏高度为30px
        $(this).removeClass("active").closest(".filter-list").css({"overflow":"hidden","height":"30px"});
    }else{//如果没有这个类显示这个类 元素的第一个祖先元素显示滚动条其余的内容 高度自动调整比例
        $(this).addClass("active").closest(".filter-list").css({"overflow":"auto","height":"auto"});
    }
})
})
posted @ 2021-11-15 22:03  翟莹萍  阅读(24)  评论(0编辑  收藏  举报