我想做效果崩溃或类似的
但是当我点击菜单项的高度变化如此之快，没有动画
我的代码有什么问题？
引用效果如标题https://x.rarible.com/中的此处
我的vue和scss代码

<Transition name="collapse" appear>
<div class="header" @mouseleave="closeHeader">
  <div class="header__general">
    <Icon name="logo" color="white" class="header__logo" />

    <div class="header__links">
      <p
        v-for="item of MENU_ITEMS"
        :key="item"
        class="header__link"
        @click="setCurrentMenuItem(item)"
      >
        {{ item }}
      </p>
    </div>

    <SocialIcons color="white" />

    <div class="header__button">
      <Button :text="buttonText" @click="openWalletModal" />
    </div>

    <div class="header__menu" @click="openWalletModal">
      <Icon name="menu" color="white" />
    </div>
  </div>

  <TransitionGroup name="fade" appear mode="out-in">
    <Component :is="menuComponent" :key="currentMenuItem" />
  </TransitionGroup>
</div>

个字符