在较长的P或DIV中垂直展开jQuery按钮

<script src="https://cdn.jsdelivr.net/jquery/3.6.0/jquery.min.js"></script>

<div id="content">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, urna id faucibus ultrices, velit velit tincidunt enim, et aliquam nunc metus in mi. Nulla facilisi. Sed nec justo vitae nunc tincidunt luctus. Integer et semper sem. Sed id justo nec lectus lacinia lacinia. Sed nec aliquet leo. Nulla facilisi. Sed id justo nec lectus lacinia lacinia. Sed nec aliquet leo.</p>
</div>

$(document).ready(function() {
  $('#content').css('overflow', 'hidden'); // 设置元素的overflow属性为hidden，隐藏超出部分

  $('#content').click(function() {
    if ($(this).height() === 200) { // 如果元素高度为200px，则展开
      $(this).animate({height: 'auto'}, 500); // 使用动画效果展开元素
    } else { // 否则收起
      $(this).animate({height: '200px'}, 500); // 使用动画效果收起元素
    }
  });
});