Open First Accordion Item on Page Load with JavaScript

Hello, FAQ6 Accordian - I'm trying to get just the first one of four to be open on page load. JS?

· Sorted by Oldest

Matt J.
·
·
Aaron W. if you want to use native Webflow interactions, you could simply duplicate the "open" interaction, and delete the "initial state" and assign it only to the first accordion item. You may also need to delete the interactions for the first accordion and assign a click interaction again to that first accordion with the 1st click being the close, and the 2nd click being the duplicated open. Here's a read-only link that shows you the end result you'll want. https://preview.webflow.com/preview/faq-first-open-9be4f5?utm_medium=preview_link&utm_[…]5&preview=f9edd4bb3c358641d3e43f13c0e8023c&workflow=preview Here's a demo https://faq-first-open-9be4f5.webflow.io/

Matt J.
·
·
Aaron W. if you want to use native Webflow interactions, you could simply duplicate the "open" interaction, and delete the "initial state" and assign it only to the first accordion item. You may also need to delete the interactions for the first accordion and assign a click interaction again to that first accordion with the 1st click being the close, and the 2nd click being the duplicated open. Here's a read-only link that shows you the end result you'll want. https://preview.webflow.com/preview/faq-first-open-9be4f5?utm_medium=preview_link&utm_[…]5&preview=f9edd4bb3c358641d3e43f13c0e8023c&workflow=preview Here's a demo https://faq-first-open-9be4f5.webflow.io/