大文本的合并与展开 

<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>
　　

　　

 

posted @ 2017-08-29 16:21  透明的月儿  阅读(162)  评论(0)    收藏  举报