js点击展开更多和收起

您好！感谢您的提问！您的问题是关于 JavaScript 实现点击展开更多和收起的功能，是吗？

如果是的话，可以使用以下代码实现：

<!--HTML部分-->
<div>
  <p>这里是一段需要展开的文本。</p>
  <a href="#" class="expand">展开</a>
</div>

/*CSS部分*/
div {
  height: 50px;  /*设置初始高度*/
  overflow: hidden;  /*设置超出部分隐藏*/
}

.expanded {
  height: auto;  /*设置展开后高度自适应*/
}

.expand {
  display: block;
  text-align: center;
  background-color: #f5f5f5;
  padding: 5px 0;
}

// JavaScript部分
const expandBtn = document.querySelector('.expand');
const expandDiv = expandBtn.parentNode;

expandBtn.addEventListener('click', function() {
  if (expandDiv.classList.contains('expanded')) {
    expandDiv.classList.remove('expanded');
    expandBtn.innerHTML = '展开';
  } else {
    expandDiv.classList.add('expanded');
    expandBtn.innerHTML = '收起';
  }
});

以上代码实现了一个简单的点击展开更多和收起的功能。当用户点击“展开”链接时，文本会展开。当用户再次点击“收起”链接时，文本会收起。

希望这个答案能够解决您的问题！如果您还有其他问题，请随时提出！