如何使用jQuery关闭嵌套折叠

<div class="accordion">
  <div class="item">
    <div class="title">折叠项1</div>
    <div class="content">折叠内容1</div>
  </div>
  <div class="item">
    <div class="title">折叠项2</div>
    <div class="content">折叠内容2</div>
  </div>
  <div class="item">
    <div class="title">折叠项3</div>
    <div class="content">折叠内容3</div>
  </div>
</div>

.item {
  margin-bottom: 10px;
}

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

.content {
  display: none;
  padding: 5px;
  border: 1px solid #ccc;
}

$(document).ready(function() {
  $('.title').click(function() {
    // 找到点击的折叠项
    var item = $(this).parent('.item');
    
    // 找到该折叠项下的内容
    var content = item.find('.content');
    
    // 切换内容的显示与隐藏状态
    content.slideToggle();
  });
});