jq实现展开全部内容，收起全部内容

Posted 2020-10-05 cd初心

1.内容超出就隐藏一部分。

效果

2.实现代码： 

 

js部分涉及到多个

var contents=[];
var maxheight=150;
for (var i=0;i< Allbox.find(\'.neirong_nr\').length;i++){
    contents.push(Allbox.find(\'.neirong_nr\').eq(i).html())
};
console.log(contents)
var hide = function (){
    Allbox.find(\'.neirong_nr\').each(function(){
        if($(this).text().length>maxheight){
            $(this).text($(this).text().substring(0,maxheight));
            $(this).html($(this).html()+\'...\');
            $(this).parent().find(\'.zk_kuanwen\').html("查看更多");
        } else {
            $(this).parent().find(\'.zk_kuanwen\').hide();
        }
    });
};
hide();
Allbox.on(\'click\', \'.zk_kuanwen\', function () {
   var index=$(this).parent().parent().index();
   // console.log()
        if($(this).parent().find(\'.neirong_nr\').html().length<contents[index].length){
            console.log( contents[index])
            $(this).parent().find(\'.neirong_nr\').html(contents[index]);
            $(this).html("收起文章");
            more = false;
        }else{
            hide();
        }

});