如果文本超过，如何显示阅读更多和更少链接

<div id="text-container">
  <p>
    这里是一段较长的文本内容，超过一定长度后将被截断隐藏起来。你可以点击下面的链接来展开或收起文本内容。
  </p>
  <p class="truncated-text">
    这里是被隐藏的文本内容，点击"阅读更多"可以展开全部内容。
  </p>
  <a href="#" id="read-more-link">阅读更多</a>
</div>

.truncated-text {
  display: none;
}

var readMoreLink = document.getElementById('read-more-link');
var truncatedText = document.querySelector('.truncated-text');

readMoreLink.addEventListener('click', function(e) {
  e.preventDefault();
  
  if (truncatedText.style.display === 'none') {
    truncatedText.style.display = 'block';
    readMoreLink.textContent = '更少';
  } else {
    truncatedText.style.display = 'none';
    readMoreLink.textContent = '阅读更多';
  }
});