如何使按钮更像手风琴按钮？

<div class="accordion-button" onclick="toggleAccordion(this)">
  <button>按钮标题</button>
  <div class="accordion-content">
    按钮内容
  </div>
</div>

.accordion-button {
  border: 1px solid #ccc;
  background-color: #f5f5f5;
  margin-bottom: 10px;
}

.accordion-button button {
  width: 100%;
  padding: 10px;
  background-color: transparent;
  border: none;
  text-align: left;
}

.accordion-button .accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

function toggleAccordion(button) {
  var content = button.querySelector('.accordion-content');
  if (content.style.maxHeight) {
    content.style.maxHeight = null;
  } else {
    content.style.maxHeight = content.scrollHeight + 'px';
  }
}