如圖點(diǎn)第一個(gè)li 所有l(wèi)i的p都會(huì)顯示。
點(diǎn)第二個(gè)li其他li隱藏內(nèi)容也展開了，怎么樣才能點(diǎn)哪個(gè)li，哪個(gè)li隱藏的li的內(nèi)容顯示呢？

代碼在這里：

<style>
  .box_li{
    padding: 0 40px;
    font-size: 20px;
    background-color: #bfbfbf;
    border: 1px solid #fff;
  }
  .after_p{
    background: bisque;
  }
</style>
<template>
  <div class="box">
    <ul v-for="item in items">
      <li class="box_li" @click="toggle()">
          <p>
            {{item.text}}
          </p>
      </li>
      <li>
        <p class="after_p" v-show="isActive" >
          {{item.desc}}
        </p>
      </li>
    </ul>
  </div>
</template>
<script>
  export default {
    data(){
      return{
        isActive: false,
        items: [{
          text: 'one',
          desc: 'one content',
        }, {
          text: 'two',
          desc: 'two conten'
        }, {
          text: 'three',
          desc: 'three conten'
        }]
      }
    },
    methods: {
      toggle() {
        this.isActive = !this.isActive;
      }
    },
  }
</script>