Javascript “显示更多”的字符限制或内容高度限制“查看更少”

如果没有更多文本可看，我需要“查看更多”按钮消失。我认为最好的方法是进行字符计数，大致计算出文本接近365px容器高度的时间

是否有人有建议，以及如何最好地编辑脚本以引入角色规则

    $("[id^=infopanelcollapse]").click(function() {
        $(this).toggleClass("btn-more");
        $(this).prev().toggleClass("expand");
    });

$（“[id^=infopanelcollapse]”）。单击（函数（）{
$（this.toggleClass（“btn更多”）；
$（this.prev（）.toggleClass（“展开”）；
});
。产品溢出{
最大高度：365px；
最小高度：365px；
溢出：隐藏；
位置：相对位置；
}
.product-overflow.expand{
最大高度：无；
高度：自动；
溢出：隐藏；
}
.expand button.less、.expand-button.btn-more.更多{
显示：无；
}
.expand button.more、.expand-button.btn-more.less{
显示：块；
}
.展开按钮{
文本对齐：居中；
文字装饰：下划线；
光标：指针；
}
.产品溢出：在{
内容：“\00a0”；
高度：120px；
宽度：100%；
位置：绝对位置；
显示：块；
底部：0；
z指数：1；
背景图像：线性梯度（至底部，rgba（255255,0）0%，rgba（255255,1）100%）；
}
.产品溢出。展开：之前{
身高：0；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。在dolor lacinia、bibendum nunc non、auctor ipsum进行拍卖。不可替代的工作，有效的工作。根据康努比亚·诺斯特拉（conubia nostra）和希梅纳奥斯（inceptos himenaeos）的规定，社会责任和责任等级为：。Morbi ac risus eu ante rhoncus fringilla在酒后驾车。佩伦茨克的猫咪自由，莫利斯坐在阿梅特·福西布斯·埃吉特的位子上。馆长eget nisl eu faucibus。爱是一种元素，爱是最大的。埃尼安·比本杜姆·费利斯·维塔·梅特斯·卡苏斯（Aenean bibendum felis vitae metus dictum cursus）。爱神。在我的房间里，有一个电梯，有一个汽车码头。在尤伊斯莫·普尔文纳的威严中。这是一个不可能的结果。梅塞纳斯·奎斯是爱欲中的一位女性。虎口浮雕和肘部浮雕同侧前庭；Lorem ipsum dolor sit amet，是一位杰出的献身者。在dolor lacinia、bibendum nunc non、auctor ipsum进行拍卖。不可替代的工作，有效的工作。根据康努比亚·诺斯特拉（conubia nostra）和希梅纳奥斯（inceptos himenaeos）的规定，社会责任和责任等级为：。Morbi ac risus eu ante rhoncus fringilla在酒后驾车。佩伦茨克的猫咪自由，莫利斯坐在阿梅特·福西布斯·埃吉特的位子上。馆长eget nisl eu faucibus。爱是一种元素，爱是最大的。埃尼安·比本杜姆·费利斯·维塔·梅特斯·卡苏斯（Aenean bibendum felis vitae metus dictum cursus）。爱神。在我的房间里，有一个电梯，有一个汽车码头。在尤伊斯莫·普尔文纳的威严中。这是一个不可能的结果。梅塞纳斯·奎斯是爱欲中的一位女性。虎口浮雕和肘部浮雕同侧前庭；
查看更多信息查看更少信息
添加隐藏类，并在需要时添加或删除：


只需使用.length（），这就是字符数，对吗？还有没有更好的方法？关于溢出css？也许看一下会有帮助…：谢谢-非常喜欢这个解决方案和这一个-虽然我不能让它与我的小提琴工作。如果你能修改我的小提琴，认证就归你了！我想。您想要的内容高度不应该超过高度，如果它超过了，那么您想要显示更多按钮。find demo（）@locateganesh这是对的，但不是窗口的长度，只是容器的设置长度不完全，我希望按钮不会显示内容是否超过容器长度更新的答案，我认为我的回答不同：/一定是另一个问题，或者我梦见了这一切，希望不是后者：L
    var containerHeight = $('#mainContainer').height();    
        var contentHeight = $('#content').height();

        if(contentHeight > containerHeight) {

        $('#infopanelcollapse').removeClass('hidden'); //remove class if content is bigger than container : i.e show the button

        $("[id^=infopanelcollapse]").click(function() {
                    $(this).toggleClass("btn-more");
                    $(this).prev().toggleClass("expand");
                });
        }
        else{
            $('#infopanelcollapse').addClass('hidden'); //add hidden class if content is smaller than div, i.e hide button
        }