当文本受限时，jQuery隐藏显示更多按钮

<div class="text-container">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae semper elit. Nullam auctor, mauris in aliquet luctus, enim nisl ultrices nunc, id varius purus mi vel urna.</p>
</div>

.text-container {
  height: 100px;
  overflow: hidden;
}

$(document).ready(function() {
  var container = $('.text-container');
  var text = container.text();
  var maxLength = 100; // 设置文本的最大长度

  if (text.length > maxLength) {
    var truncatedText = text.substring(0, maxLength) + '...';
    container.text(truncatedText);
    container.append('<a href="#" class="show-more">显示更多</a>');

    $('.show-more').click(function(e) {
      e.preventDefault();
      container.animate({ height: 'auto' }, 'slow');
      $(this).remove();
    });
  }
});