在ol标签中读取更多-更少

<ol id="content" class="collapsed">
  <li>第一条内容</li>
  <li>第二条内容</li>
  <li>第三条内容</li>
  <li>第四条内容</li>
  <li>第五条内容</li>
  <li>第六条内容</li>
  <li>第七条内容</li>
  <li>第八条内容</li>
  <li>第九条内容</li>
  <li>第十条内容</li>
</ol>
<button id="toggleBtn">展开/收起</button>

.collapsed li:not(:first-child) {
  display: none;
}

var content = document.getElementById('content');
var toggleBtn = document.getElementById('toggleBtn');

toggleBtn.addEventListener('click', function() {
  if (content.classList.contains('collapsed')) {
    content.classList.remove('collapsed');
    toggleBtn.textContent = '收起';
  } else {
    content.classList.add('collapsed');
    toggleBtn.textContent = '展开';
  }
});