Adding the class collapsed to the anchor or handle which will be the click target for users to toggle them open/closed. Today We are Learning close the Open Toggle without open another toggle in Divi Builder WordPress. The toggle module is doing that, but if we want to use an accordion, meaning that only one item can be open at a time, we can start the accordion all closed with this code in the head section (Theme Options / … Press the + to add a new option in your accordion. The opened tab can only be closed when clicking on another accordion tab. One of them is the ability to have the first accordion box automatically closed/collapsed by default. Do not give it a title, instead, skip to the “Advanced” tab to add Custom CSS. By default the first toggle of an accordion module starts open, but sometimes we could like to have a clean list of headlines and only at further interest it should be possible to open the entries. DIVI's accordion feature is easy to set up and use but it does have a few limitations. Now your DIVI accordion is closed by default. If you would like all your accordion items to be “closed” by default, there is a simple trick that makes the 1st (open) item of your accordion invisible. This method will work without using any jQuery or extra coding as it merely adds an additional accordion item to the … By default, the tabs of the Accordion Module in Divi cannot be closed. This accordion item will behave just like a “close accordion” button. The topic ‘Accordion isn’t opening/closing in DIVI’ is closed to new replies. In DIVI, by default the first toggle of an accordion module starts open, but sometimes we could like to have a clean list of headlines and only at further interest it should be possible to open the entries. Save your accordion and save your page. In the Main Element, add the following: display:none; Save. Increasing Accordion Open/Close Speed. I am using the anchor link in my secondary menu in Divi (keep in mind I had a hidden div to keep toggles closed), and having it call to a second accordion toggle on a specific page. The problem is, this isn't a feature that's available in the backend. The Open tab is closed when You Open another toggle. If I’m on that page, the anchor link will open the toggle, but then it will shoot up to the top of the page instead of staying where the accordion is. The toggle module is doing that, but if we want to use an accordion, meaning that only one item can be open at a time, we can start the … But, all it is is an accordion item with no content! DIVI: Accordion Module starting with all Toogles closed. Today, we will be focusing on how to close an open accordion tab without having to press another, and also to have a “close” icon that you can click! Voila! If you want the accordion to collapse initially you can do so with pre-existing bootstrap definitions, javascript is unnecessary. When Accordion is first displayed at page load, the first element is always open - would like a setting so all can be closed when page loads. This is another huge problem with the Divi Accordion and Toggle modules – they open way way too slowly! When you using the Divi accordion module – the first items is set to be open by default, and there is no option to set it to be closed. You have to Close all Accordion But Divi Builder Didn’t this Type of Functionality in Divi Accordion Module. Also, remove the in class from the collapsing container. When You use Divi Builder then sometime You can Fetch this Type of issue. Now, take the new hidden option and drag it to the top of your accordion. arielk commented (and closed the issue) "For this option please use Toggle widget instead of Accordion" Unfortunately, Toggle doesn't work the same as Accordion... elements have to be closed manually.