如何隐藏/显示一定长度内的更多文本(如youtube)

<div class="text-container">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae justo sed nisi malesuada aliquam. Sed auctor, mauris id efficitur varius, nisl est lacinia nunc, vel ultrices lectus enim ut felis.</p>
  <button class="expand-button">展开</button>
</div>

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

.expand-button {
  display: none;
}

const textContainer = document.querySelector('.text-container');
const expandButton = document.querySelector('.expand-button');

expandButton.addEventListener('click', function() {
  if (textContainer.style.height === '100px') {
    textContainer.style.height = 'auto';
    expandButton.textContent = '收起';
  } else {
    textContainer.style.height = '100px';
    expandButton.textContent = '展开';
  }
});