vue实现展开收缩内容

<template>
  <div class="contentweb">
    <div class="type">
      <span class="type_a">类型:</span>
      <div class="type_b">
        <span
          class="type_bs"
          v-for="(item, index) in testList"
          :key="index"
          :class="{ type_bshover: active == index }"
          @click="tab(index)"
          >{
  { item.cont }}</span
        >
      </div>

      <span class="type_c" @click="showDisplay = !showDisplay">
        {
  { textSwitch }}
        <img src="../../assets/image/project_down.png" alt="" v-show="down" /> //向下的图片
        <img src="../../assets/image/project_up.png" alt="" v-show="up" /> //向上的图片
      </span>
    </div>
  </d