function aa(){
$.fn.expandable = function(config) {
var that = $(this);
var isExpand = false;
var btnStr = '展开';
var summaryCharLen = 100;
var content = that.text();
var summary = content.substr(0, summaryCharLen);
that.text(summary + '...');
var btn = $('<div>' + btnStr + '</div>').click(function(e) {
var target = $(this).prev();
if (isExpand) {
target.text(summary + '...');
$(this).text('展开');
} else {
target.text(content);
$(this).text('收起');
}
isExpand = !isExpand;
}).insertAfter(that).addClass('toggle-btn');
};
$('.contentOne').expandable();
}
html
<div class="contentOne">
1公告内容公告内容公告内容公告内容公告内容公告内容公
告内容公告内容公告内容公告内容公告内容告内容公
告内容公告内容公告内容公告内容告内容公告内容公告内容
公告内容公告内容
</div>