Solution

[Vladokvl]

DEMO-LINK

[Vladokvl]

DEMO-LINK

i have question about how to make list smooth expanding like in this example?

Also can check this example i created based on Firebase with subscription on changes in DB, so it`s realtime updating.

[brespect]

Awesome! About expanding:
You can keep the element in the DOM permanently, not through conditional rendering.
When the list is expanded, change the class or state to "open", when collapsed - to "close".
Animation is done through CSS transition (opacity + transform or max-height).
After the animation of the image is complete, if necessary, you can select the element or leave it as received.

[Vladokvl]

DEMO-LINK