This is helpful, thus far. One thing I'm getting stuck on is when putting a Div Block in for the Horizontal Line, it does not show up on the right, but below the Question. Not sure if I missed something but I'm looking back. EDIT: 4:39 - ah... make faq-question-wrap Flex.
This is exactly what i was looking for. I was also looking for a hack to sort items in CMS but couldn't find any. This video saved me lots of time. Great job
Great tutorial, very helpful. I am wondering if it's possible to 'auto close' any viewed question by simply opening another question. I believe this is how drop down element works which is provided in webflow but I've found it to be a bit buggy at times. Thank you.
Hello Grace, nice work, is it possible to have only one faq-item opened at any time? when I click another faq-item I want the current one to close, like an accordion? Ty
Thanks for this vid! I'm considering taking on Webflow and curious about one thing: Would making it so that when you open another answer, all others close automatically be a lot of additional work?
HI Grace, thank you for the tutorial! I repeated all steps [seems like], but my interactions at click happen to all "answers" at a time, not like yours - one at a time. Why is that happening? I've tried to apply this animation to class and to elements, and it's set for all children. I've heard you can only achieve that with the custom code, but it looks like yours are working like I want but I can't figure why mine is not. thanks!
Nice tutorial, works like a champ, thanks Grace! I am using this as an accordion (rather than simple FAQ) and have come to a problem - within an expanded area we expose a form with a dropdown and once we click the dropdown, the wrapper just closes up (as we would expect). I tried putting the animation on the faq-question-wrap but that completely broke the accordion. Does the interaction/animation not work outside the scope of the control on which it is applied?
Thanks for the video. But I have one problem... I did everything as shown in the video, now when I refresh the page and click on the first Question, everything works fine when I hit the Question again it hides and when I click on it the third time to show the answer again, every word is on a new line and the field becomes extremely large... Do you have an idea how I can solve this problem?
This doesn't work under my categories page. I have a FAQ page and when i go into categories the drop-down doesn't work. Anyone I could connect with the solve this?
My plus wrap is not listening to the Relative positioning. This is the part where the plus-vertical was a line through all the horizontal lines and we went back to switch the plus wrap position to relative. Anyone else have this problem?
@@graceongrid I was thinking of doing the same thing from a newbs perspective. Like watch me learn on the job but I’m unsure. Interested to see what knowledge you have to share x
Superb, please add more tutorials like this. You are a lifesaver
You cant imagine how much time and stress you saved me from. This tutorial was mindblowing. Thank you very much! Keep up the good work!
This is helpful, thus far. One thing I'm getting stuck on is when putting a Div Block in for the Horizontal Line, it does not show up on the right, but below the Question. Not sure if I missed something but I'm looking back.
EDIT: 4:39 - ah... make faq-question-wrap Flex.
Very useful and effective as a demonstration. Exactly what was needed, straight to the point.
Thank you @Grace Walker ✨✅
Best teacher ever! ☺ I loved the clear way that you explained the process💖
This is exactly what i was looking for. I was also looking for a hack to sort items in CMS but couldn't find any. This video saved me lots of time. Great job
Brilliant tutorial! Thank you for breaking everything down so well, please do more videos! I’ll definitely watch them all.
Thank you so much! This helped more than you realize
You should make more tutorials, I like how you explain things 🥺
Excellent job! Nicely paced and presented. Please add more!
This is amazing. I'm freelancing and this helped me continue my project. 👏
Really thorough, appreciate it. Keep em coming!
Classic, and still super useful. Would love to see more videos 😎
This was so helpful Grace! Thank you so much :)
Looking forward to more videos Grace!
Works perfect , thank you
Thankyou for the Tutorial, waiting for more videos so helpful ✨👍🏻
thank you so much for this tutorial, very helpful.
This was an excellent tutorial, very easy to follow and worked perfectly. Thanks
Thank you. Great tutorial and very helpful!
Very usefull tutorial and it save a lot of time. You`re great! Thank a lot!
Thank you so much!!! Works flawlessly ✅
This has been very helpful, thank you!
Thank you Grace! Very helpful!
Wow ! This video is terrific ! 😍 Powerful ! Thank you very much Grace ! 🙏🏽 I want more animations ! Well done !
*terrific
@@ovalayacademy Oh thank ! 😁🙏🏽
Thank you! useful tutorial👍
Thank you so much! very helpful tutorial❤
LESSSSGOOOO GRACE!
So useful! Thank you for making this tutorial 🙌
Thank you so much, your video is the best!!!
Thank you!!!
Thanks a lot, u are the best.
This is Brilliant
Great tutorial, very helpful. I am wondering if it's possible to 'auto close' any viewed question by simply opening another question. I believe this is how drop down element works which is provided in webflow but I've found it to be a bit buggy at times. Thank you.
Great!!!!! Thanks!!!
Hello Grace, nice work, is it possible to have only one faq-item opened at any time? when I click another faq-item I want the current one to close, like an accordion? Ty
Thanks for this vid! I'm considering taking on Webflow and curious about one thing: Would making it so that when you open another answer, all others close automatically be a lot of additional work?
you are so good ty for your help beside that u are so cool and nice
Excellent Tutorial, keep up the great work. One question, my CMS words are all stacked on top of each-other how do I fix that? Thank you very much.
I went looking for your other videos and was like, what?! This is her only video?? Moar pls. 🙂
thank you
At 11:30 I’m setting up my initial state however under the hide/show section there’s no options
The hide/show doesn’t show options unless it set as an initial state
Ajudou demais, muito obrigado :)
Very good, thx
Really thorough! Thanks a lot!
Also what screen capture/recording program do you use?
Hello Grace, could you please assist me in configuring the accordion so that the first item automatically opens when clicked?
HI Grace, thank you for the tutorial! I repeated all steps [seems like], but my interactions at click happen to all "answers" at a time, not like yours - one at a time. Why is that happening? I've tried to apply this animation to class and to elements, and it's set for all children. I've heard you can only achieve that with the custom code, but it looks like yours are working like I want but I can't figure why mine is not. thanks!
I love u! Thanks a lot!)
What if the animation runs on all items at once even if I click on only one of them? Any advice? Thank you
Nice tutorial, works like a champ, thanks Grace! I am using this as an accordion (rather than simple FAQ) and have come to a problem - within an expanded area we expose a form with a dropdown and once we click the dropdown, the wrapper just closes up (as we would expect). I tried putting the animation on the faq-question-wrap but that completely broke the accordion. Does the interaction/animation not work outside the scope of the control on which it is applied?
Thanks for the video. But I have one problem... I did everything as shown in the video, now when I refresh the page and click on the first Question, everything works fine when I hit the Question again it hides and when I click on it the third time to show the answer again, every word is on a new line and the field becomes extremely large... Do you have an idea how I can solve this problem?
it due to the "Size" animation. Set width to 0% and 100%.
Nice video Grace!!
One question: why did you decide to use grid instead of flex box or just regular positioning ?
How can i do to the first item of the dropdown is opened to deffect?
hi how can we keep open 1 faq initially?
This doesn't work under my categories page. I have a FAQ page and when i go into categories the drop-down doesn't work. Anyone I could connect with the solve this?
My plus wrap is not listening to the Relative positioning. This is the part where the plus-vertical was a line through all the horizontal lines and we went back to switch the plus wrap position to relative. Anyone else have this problem?
In case anyone else gets the same result as I did... I set the overflow to hidden on the plus-wrap div to resolve this.
Why is important to set opacity and size as well and not only display show/hide (on animation) ? thanks
It gives a more smooth animation!
A W E S O M E
I'm sure you're really busy Grace but you ought to come back to this channel if you can
Thanks Macauley! Really appreciate the encouragement - I'm working on new educational content around freelancing :)
@@graceongrid I was thinking of doing the same thing from a newbs perspective. Like watch me learn on the job but I’m unsure. Interested to see what knowledge you have to share x
😘😘😘
Awesome tutorial , thanks so much 🙏