Alpine: Smooth Accordion

Created on 7 May 2020  路  2Comments  路  Source: alpinejs/alpine

How do I run the show and hide animations simultaneously? They should be finished at the same time.

Check out my codepen: https://codepen.io/QJan84/pen/zYvRMMw

This is how the animation should look (animations run simultaneously): https://codepen.io/agrayson/pen/aLpKB

Most helpful comment

I think the issue may be with having the same ref name for each container. I renamed them 1, 2 and 3 and I think that's closer to what want https://codepen.io/jreviews/pen/WNQMVPp

All 2 comments

I think the issue may be with having the same ref name for each container. I renamed them 1, 2 and 3 and I think that's closer to what want https://codepen.io/jreviews/pen/WNQMVPp

Works perfect! Thanks!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

adevade picture adevade  路  3Comments

piotrpog picture piotrpog  路  3Comments

BernhardBaumrock picture BernhardBaumrock  路  3Comments

dkuku picture dkuku  路  5Comments

haipham picture haipham  路  4Comments