Hi, guys. I’ve been trying for hours but can’t seem to have an interaction where an open drop-down is closed when a closed one is opened (not a Webflow drop-down element. It’s made from divs - more like an accordion) . They are different FAQs. I can’t use Webflows’ drop-down because the text is t…

Hello @Wadood_Hussaini You check this > http://perfect-accordion.webflow.io/ I think you need some custom code. See the solution here > Accordion Auto Close - #5 by Noah-R Piter :webflow_heart:

I came across this one, but I wanted to accomplish it without using custom code. Thanks!

Here is another one I made that is strictly done in Webflow. [image] Accordion (No-Code) - Webflow Updated: Oct 10 2019 ------------------------------- - Now runs solely on Webflows Interactions 2.0 - Includes Lottie Animation from https://useanimations.com/ for + icon - SVG Code for FAQ…

I came across this one as well but the problem is that you can’t change the text color on the one that is opened since it was created with legacy interactions.

You mean you want to change it as part of the interaction?

yes, so the font color changes on the faq that is opened. Just the title of the faq, not the answer in the faq

Yeah that would require a small bit of javascript.

Yea, I tried but not possible with legacy interactions. Thanks for the effort :+1:

I see. Hmm… I will look into this.

I figured it out man with very little custom CSS! Try this here: <style> .w--open > .toggle-left-wrap { color: white; } </style> the class .toggle-left-wrap is the class I named that wraps the heading of the FAQ item. The class .w--open is the class that gets added via javascript for the op…

Opening another faq doesn't close current faq which is open

Design help Animations & Interactions

Noah-R (Noah Raskin) February 21, 2019, 12:25am 4

Here is another one I made that is strictly done in Webflow.

Hope you find this helpful!
-Noah

Interaction shows on one page but not another (live)

Topic		Replies	Views
Accordion Auto Close Animations & Interactions	18	13049	February 26, 2024
Interaction shows on one page but not another (live) Animations & Interactions	3	176	June 26, 2024
Drop Down Help With Some Interactions Animations & Interactions	2	848	May 20, 2020
Dropdown for Q and A FAQ, how do I do this Animations & Interactions	8	5060	September 22, 2015
How to create responsive accordion Animations & Interactions	14	1432	July 27, 2022

Opening another faq doesn't close current faq which is open

Related topics