How to add animation on collapsible row

Store Design
, ,

Topic summary

A user is attempting to add smooth animation to collapsible rows but encountering issues despite following a previously solved case.

Problem Details:

  • The user shared screenshots showing:
    • HTML structure of the collapsible row component
    • CSS code they attempted to implement for the animation
  • Previous solution referenced is not working in their specific case

Current Status:

  • The discussion remains open with no solutions provided yet
  • User mentioned “Mail sent” in their last update, possibly indicating they’ve reached out for additional support
  • No community members have responded with alternative approaches or troubleshooting steps
Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
1

I did follow this solved case but its not working for me. Can anyone know how to do a animation on collapsible row?

1 Like
2

Here is the html Structure of the collapsible row.

jseb23_0-1746146490804.png
jseb23_0-1746146490804.png1870Ă—708 233 KB

And here is the CSS I did try to use

jseb23_1-1746146521720.png
jseb23_1-1746146521720.png1018Ă—984 45.3 KB

3

Mail sent