那颗你读不懂的心 2019-05-22 16:08 采纳率: 50%
浏览 1893
已采纳

在html中如何实现长段文本折叠

在html中,一段文字太长。想实现初始化后只显示一部分文字,点击显示更多后,显示全部。如何实现?

  • 写回答

3条回答 默认 最新

  • weixin_36444515 2019-05-22 16:21
    关注

    jquery实现
    $(function() {
    var slideHeight = 45; // px 定义折叠的最小高度
    var defHeight = $('#wrap').height();
    if(defHeight >= slideHeight) {
    $('#wrap').css('height', slideHeight + 'px');
    $('#read-more').append('更多');
    $('#read-more a').click(function() {
    var curHeight = $('#wrap').height();
    if(curHeight == slideHeight) {
    $('#wrap').animate({
    height: defHeight
    }, "normal");
    $('#read-more a').html('折叠');
    } else {
    $('#wrap').animate({
    height: slideHeight
    }, "normal");
    $('#read-more a').html('更多');
    }
    return false;
    });
    }
    });

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥15 我这模型写的不对吗?为什么lingo解出来的下面影子价格这一溜少一个变量
  • ¥50 树莓派安卓APK系统签名
  • ¥15 maple软件,用solve求反函数出现rootof,怎么办?
  • ¥65 汇编语言除法溢出问题
  • ¥15 Visual Studio问题
  • ¥20 求一个html代码,有偿
  • ¥100 关于使用MATLAB中copularnd函数的问题
  • ¥20 在虚拟机的pycharm上
  • ¥15 jupyterthemes 设置完毕后没有效果
  • ¥15 matlab图像高斯低通滤波