Как добавить анимацию на v-if в выпадающем списке (vuetify)?

Question

[Александр]

Здравствуйте! При клике на v-list-tile выпадает меню и отображается контент (v-if отвечает за отображение). Как сделать, чтобы меню открывалось также плавно, как и закрывается?
https://codepen.io/anon/pen/jdLYPg?editors=1010
Спасибо!

Answer 1

[0xD34F]

А может не надо тут никакого v-if?

Comments

[Александр]

Нужно, чтобы до клика контента не было в dom-дереве. А потом если свернуть меню - контент пропадать должен. Для этого и использую v-if

[0xD34F]

Даже и не знаю... отказаться от использования v-list-group и немного закостылить?

[Александр]

0xD34F, довольно интересно, спасибо) Думаю, что это мне подойдет)

Answer 2

[nvdfxx]

https://codepen.io/nvdfxx/pen/NovzRR

Comments

[Александр]

Этот способ ничем не отличается от моего, анимация также потеряна)