vue里類似手風(fēng)琴效果的樣式問題

想在vue里實(shí)現(xiàn)一個(gè)手風(fēng)琴 折疊面板的效果 我現(xiàn)在 寫的只能很生硬的顯示出來 完成沒有那種動(dòng)畫效果
我該怎么給transition添加樣式才能有這種效果呢

     <a @click="toggle">
         平臺(tái)信息
        <img src="~assets/images/information/icon_more.png" height="9" 
         width="9" 
        alt="">
    </a>
    <transition>
      <div class="platformInfo" v-show="showMenue">
       <router-link to="basic">
         基本信息
       </router-link>
       <router-link to="organization" >
         治理信息
       </router-link>
       <router-link to="webInfo">
         網(wǎng)站信息
       </router-link>
       <router-link to="report">
         專項(xiàng)報(bào)告
       </router-link>
       <router-link to="bigEvent">
         重大事項(xiàng)
       </router-link>
      </div>
    </transition>
    <router-link to="operation">
      運(yùn)營信息
    </router-link>
    <router-link to="safe">
      安全保障
    </router-link>
    <router-link to="bankInfo">
      銀行存管
    </router-link>