Example
Accordion Interaction
Hi everyone!
Tried vibe coding in storyline this time. My take: manually setting up this kind of interaction would’ve taken way more time 😃 Super happy I went the code route instead.
About Me
2 Replies
Love this Kate! I'm just now getting into using AI for JS. Would you mind sharing some of your prompts you used and what AI tool? I mostly use ChatGPT but I know there are some other great AI tools out there.
Hi! Thanks for your question.
I mostly use ChatGPT. When I write a prompt, I usually just describe what I need — something like this:"Write HTML code (you can use JavaScript and CSS as well) for an interactive accordion. Add animation for opening and closing the sections. When a section is opened, the “+” icon on the right should smoothly animate into a cross (×)."
Then I review the result and ask for adjustments. For example, if something doesn’t look the way I want or doesn’t work correctly.
Some things can also be tweaked manually by finding the right settings in the code, such as colors, border thickness, or text.
Another great approach is to find code examples from open sources and ask AI to adapt them to your needs.
Getting Started with the E-Learning Challenges
Find practical answers to common questions about the E-Learning Challenges, a weekly event that helps you build skills, create your portfolio, and grow as an e-learning professional.