jQuery常见问题解答折叠键一次只能打开一个

$('.collapse-btn').click(function() {
  // 切换展开/折叠状态
  $(this).toggleClass('active');
  
  // 获取对应的内容区域
  var content = $(this).next('.collapse-content');
  
  // 判断内容区域的显示状态
  if (content.is(':visible')) {
    // 如果内容区域已经显示，则折叠起来
    content.slideUp();
  } else {
    // 如果内容区域已经折叠，则展开
    content.slideDown();
  }
});

$('.collapse-btn').click(function() {
  // 切换展开/折叠状态
  $(this).toggleClass('active');
  
  // 获取对应的内容区域
  var content = $(this).next('.collapse-content');
  
  // 判断内容区域的显示状态
  if (content.is(':visible')) {
    // 如果内容区域已经显示，则折叠起来
    content.slideUp();
  } else {
    // 如果内容区域已经折叠，则展开
    content.slideDown();
    
    // 折叠其他已展开的内容区域
    $('.collapse-btn').not(this).removeClass('active').next('.collapse-content').slideUp();
  }
});