Animation is not working as expected in Vue

Question

I have 2 rows that have different contents, columns, and components inside. When I click the item in the same row state is getting changed and second row is appearing where