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
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.
4 Replies
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.
ThierryEMMANUEL - you are a CHAMPION! Thank you so much for this - it works PERFECTLY and I can't believe I spent so much time trying to do the steps from that YouTube video 🙏🙏 Very much appreciated!
Thinkaway Great! Thank you for letting me know that the solution is suitable. Happy for you. The simplest is the smartest.
Thanks again! Hopefully I'm allowed to ask this here but do you do any freelancing work around Storyline? The reason I ask is, I'm largely self-taught (which is why I keep finding my way to complicated samples that are posted online!) But I'm keen to get in touch with someone that understands simple and clean ways to build interactions in Storyline - to help us out by building a few templates (this would be freelance paid work of course!). If that's something you'd be interested chatting about - you can get in touch with us via our website http://www.thinkaway.com.au No worries if not, but thought it would be work asking! :-D