Vertical Accordions

I experimented with both vertical and horizontal accordions. I found this a great interaction to build because it requires a careful combination of hover effects, open and closed states, on the one hand, and triggers and layers, on the other hand.

I used YouTube videos to understand how to build an accordion. For a future project, I would add the option of closing all the tabs and returning to the original state.

Tools Used:

  • Articulate Storyline 360
  • https://coolors.co/