在汉堡移动菜单的顶部和底部之间插入文本

<div class="menu-container">
  <div class="top-text">顶部文本</div>
  <div class="hamburger-menu">
    <span></span>
    <span></span>
    <span></span>
  </div>
  <div class="bottom-text">底部文本</div>
</div>

.menu-container {
  position: relative;
  /* 其他样式设置 */
}

.top-text, .bottom-text {
  /* 文本样式设置 */
}

.hamburger-menu {
  /* 汉堡菜单样式设置 */
}

const menuButton = document.querySelector('.hamburger-menu');
const menuContainer = document.querySelector('.menu-container');

menuButton.addEventListener('click', function() {
  menuContainer.classList.toggle('menu-open');
});