大文本的合并与展开

<style>
.intro {
    height: 60px;
    line-height: 21px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.j {
    padding-right: 70px;
    position: relative;
}

.tips {
    position: absolute;
    right: 0;
    bottom: 0;
}

</style>

<body>
<div class="new-info"><p class="j intro"><strong></strong>  爱迪尔(002740)股东深圳市创新投资集团有限公司于2017年5月10日至8月28日,通过大宗交易和集中竞价的方式累计减持公司股份3,570,700股,占总股本的1.0801%。本次权益变动完成后,深创投持有公司股份16,529,300股,占公司股份总额的4.9999%。 <span class="tips">【展开】</span></p>      </div>
<script>
$('#Newslist').delegate('.j', 'click', function () {
    $(this).toggleClass('intro');
    if($(this).hasClass('intro')){
        $(this).find('.tips').text('【展开】');
    }else{
        $(this).find('.tips').text('【收起】');
    }
})
</script>
</body>
  

  

原文地址:https://www.cnblogs.com/jiaoyue/p/7448883.html