缺省情况下，关闭一个折叠式标签打开另一个

<!-- HTML 示例 -->
<div id="collapse1">
  折叠区域 1 的内容
</div>

<div id="collapse2">
  折叠区域 2 的内容
</div>

/* CSS 示例 */
#collapse1 {
  display: none;
}

#collapse2 {
  display: block;
}

// JavaScript 示例 (使用jQuery)
$(document).ready(function() {
  $('#collapse1-btn').click(function() {
    $('#collapse1').hide();
    $('#collapse2').show();
  });

  $('#collapse2-btn').click(function() {
    $('#collapse2').hide();
    $('#collapse1').show();
  });
});

// Vue.js 示例
<template>
  <div>
    <button @click="toggleCollapse">切换折叠</button>
    <div v-if="collapse1">折叠区域 1 的内容</div>
    <div v-else>折叠区域 2 的内容</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      collapse1: true
    };
  },
  methods: {
    toggleCollapse() {
      this.collapse1 = !this.collapse1;
    }
  }
};
</script>