如何在HTML中关闭一个按钮，使折叠的文本不与/按钮的数据重叠

<button id="collapse-btn">折叠按钮</button>
<div id="collapse-content">
  <p>这是折叠的文本内容。</p>
</div>

<style>
  #collapse-btn {
    display: block;
    margin-bottom: 10px;
  }

  #collapse-content {
    display: none;
  }
</style>

<script>
  document.getElementById("collapse-btn").addEventListener("click", function() {
    var content = document.getElementById("collapse-content");
    if (content.style.display === "none") {
      content.style.display = "block";
    } else {
      content.style.display = "none";
    }
  });
</script>