1、说明:设置指定高度,当内容超过事先设置的高度时,便会出现“查看更多”按钮,单击“查看更多”超出内容变回展开同时“查看更多”切换成“收起”按钮,单击“收起”,超出内容便会被收缩
2、实现效果图
3、html代码如下:
<!DOCTYPE html >
<html>
<head>
<script src="../js/jquery.min.js"></script>
</head>
<body>
<div class="ui-tab">
<!-- 具体消息内容 -->
</div>
</body>
</html>
4、js代码如下:
<script type="text/javascript">
var more = "查看更多"
var information_lenght = []
//前端获取后台数据并呈现方法
function information_display() {
var data = [
{ "content": "测试段落的展开与收起.落的展开与与