如何在展开时将工具栏放置在折叠工具栏布局的下方？

<div class="container">
  <button id="collapse-btn">折叠</button>
  <div id="toolbar-container"></div>
  <div id="content">
    <!-- 页面内容 -->
  </div>
</div>

.container {
  position: relative;
}

#toolbar-container {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}

#content {
  /* 设置页面内容的样式 */
}

const collapseBtn = document.getElementById('collapse-btn');
const toolbarContainer = document.getElementById('toolbar-container');

collapseBtn.addEventListener('click', function() {
  // 将工具栏移动到容器中
  toolbarContainer.appendChild(yourToolbarElement);
});