Forum Discussion
Creating an accordion interaction
Hi All
I've been building an accordion, and using this tutorial as a guide: https://www.youtube.com/watch?v=wsLAwWJtOnA
The tutorial is great because he goes through step by step what you need to do to create an accordion.
However, I've gone through the tutorial twice now, following every step, and for some reason my accordion doesn't work each time I preview it 😔
Here are the issues I can spot when previewing:
- When you click the buttons in this order: Button 1 then Button 3, it makes Button 2 disappear.
- When you click Button 2 first, it makes the Button 2 Expanded Triangle disappear.
There are SO many triggers in the tutorial and I thought I had done every one, but must have skipped something somewhere along the line. The tutorial also uses variables and 'else' conditions which admittedly, I'm not sure I totally understand!
Could anyone take a look at my file and diagnose what I might be missing?
Thank you so much!
Adrian
1 Reply
Hello Adrian Thinkaway​ . It's me again. Once again, I didn't understand anything in the file. 😀 It's so unnecessarily complicated that it's a crime. Frankly, apart from proving that it's possible, it's of no interest.
Unless you want to understand it (you should always be curious), I suggest an ultra-simplified version (it took me 10 minutes to make) with... layers.In this specific case, to reproduce your screen exactly, you don't need anything else. The advantage is that you can easily access your layers (not the states of text boxes stacked on top of each other) and change their content if necessary, which is the most important thing.
First, preview the second screen of the attached file. If it meets your expectations, take a look inside.No variables, no complicated states, only 6 triggers (or 12 if you want advanced navigation), and it's impossible to make a mistake! You can add 10 more layers if you want.
I hope this helps. Let me know how it goes.
