Collapsible Stacked Symbols (Accordion)

Stacked cards using symbols and a sorting function. This is still not a extension but already has the potential for some fun stuff. Doesn’t need to have visible boxes for example or could have a diffrent stacking logic.

Demo:
StackedCardsSymbols.html

Download:
StackedCardsSymbols.hype.zip

7 Likes

I am converting this into an extension here is a sneak peak:

Works…

  • horizontal and vertical and can be nested
  • with symbols, elements (div) and groups
3 Likes

Looking great @MaxZieb :ok_hand:

There is an extension for this now also supporting vertical layouts and nesting. Have a look:

2 Likes

nice template! thanks for sharing @MaxZieb

I love this template!

Is there a way to let the opened card automatically collaps again when another card is clicked?
So only one open at a time?

Thanks!

Olav

This script doesn’t manage your symbols other than monitoring the dimensions and repositioning the others in a group. So, this means you are in charge of animating open and close behavior by animating the cards. You could use custom behavior to run a close timeline on all symbols listening to the behavior and then run a timeline to expand the currently clicked symbol.

There is a new version here:

Ok thanks, I’ll check it out to see if I can figure this out.

Cheers, Olav