Derek this was the simplest accordion tutorial I've come across. Thank you sooooo much for this. That said when i try to publish this to a live site. I lose all interactions. :(
Glad it was helpful! And what? you definitely shouldn't lost any interaction when publishing. Are you exporting the code and hosting it on an external server?
Hi @@dereksiuau I managed to work out the problem. It was a simple invisible div that somehow caused the issue. That said I wanted to ask two more queries if you have a moment? 1. Is it possible to animate to create smooth transition? 2. How can you click on another accordion triggering an open instance to close? . No worries if this is too much for one reply. Regardless, i appreciate the tutorial very much!
My pleasure. And of course you can, the tutorial is just to provide you with the premise and you and adjust however you want. If you want it to drop smoothly just add more transition time and perhaps a effect like Ease--Out
thankyou so much for the tutorial derek it's been really helpful, but could you also do one animating the faq body to slide in and out smoothly instead of snapping back and forth?
I will be releasing a follow up tutorial addressing this. But essentially instead of "hide / show" you can set the height of the answer div to be something like 0px then going to auto once expanded.
Bro is so underrated fr, Amazing tutorial
Respect ++
Glad you think so!
This was awesome! Thank you so much
You're so welcome!
Thank you, sir. you are awesome. Need more tutorials on webflow.
Thank you for watching sir! You can watch more Webflow tutorials on my channel and if you have something you want a tutorial on, lmk.
Awesome video, Thankyou for helping us.
No problem 👍
this works and it's perfect, thank you .
You're welcome! Glad it worked perfectly.
Derek this was the simplest accordion tutorial I've come across. Thank you sooooo much for this. That said when i try to publish this to a live site. I lose all interactions. :(
Glad it was helpful! And what? you definitely shouldn't lost any interaction when publishing. Are you exporting the code and hosting it on an external server?
Hi @@dereksiuau I managed to work out the problem. It was a simple invisible div that somehow caused the issue. That said I wanted to ask two more queries if you have a moment? 1. Is it possible to animate to create smooth transition? 2. How can you click on another accordion triggering an open instance to close? . No worries if this is too much for one reply. Regardless, i appreciate the tutorial very much!
Great tutorial! How did you instantly put the padding on all sides?
You can use a shortcut hold shift while dragging anyside and it will auto put padding to all sides. Give it a try yo!
Amazing tutorial, thanks Derek! Is it also possible to let the Answer drop-down smoothly?
My pleasure. And of course you can, the tutorial is just to provide you with the premise and you and adjust however you want. If you want it to drop smoothly just add more transition time and perhaps a effect like Ease--Out
@@dereksiuau Awesome, thanks mate!
Simple and amazing, thank you!
Glad it was helpful David. Thanks for watching!
i saw few video about Foq, youe technique is the best
Wow, thanks!
Thanks ! It was understable ans easy to reproduce !
Glad it helped!
thankyou so much for the tutorial derek it's been really helpful, but could you also do one animating the faq body to slide in and out smoothly instead of snapping back and forth?
Noted - but just FYI you can tweak the timing and and animation easing.
Great Video, thanks!
You bet!
It was a big help! Thank you, sometimes a little bit to fast but it still a good tutorial
Thanks for the feedback Michael. For clarity did you mean I talk too fast or I go too fast and should slow the tutorial and the steps down?
Thanks.
@@dereksiuau It would be nice if you slow the tutorial a Little bit down but Not to much :)
noted - thanks Michael.
Thank you
You're welcome
It doesn't animate like the example you showed first though....
I will be releasing a follow up tutorial addressing this. But essentially instead of "hide / show" you can set the height of the answer div to be something like 0px then going to auto once expanded.
благодарю!