如何在手风琴上创建打开和关闭状态？

<div class="accordion">
  <div class="accordion-item">
    <h3 class="accordion-title">折叠项 1</h3>
    <div class="accordion-content">
      <p>折叠项 1 的内容</p>
    </div>
  </div>
  <div class="accordion-item">
    <h3 class="accordion-title">折叠项 2</h3>
    <div class="accordion-content">
      <p>折叠项 2 的内容</p>
    </div>
  </div>
</div>

.accordion-item {
  margin-bottom: 10px;
}

.accordion-title {
  background-color: #eee;
  padding: 10px;
  cursor: pointer;
}

.accordion-content {
  display: none;
  padding: 10px;
  background-color: #f5f5f5;
}

$(function() {
  $(".accordion-title").click(function() {
    var $item = $(this).parent();
    
    // 关闭其他折叠项
    $(".accordion-item").not($item).find(".accordion-content").slideUp();
    
    // 切换当前折叠项的显示状态
    $item.find(".accordion-content").slideToggle();
  });
});