The topic ‘Accordion isn’t opening/closing in DIVI’ is closed to new replies. But, all it is is an accordion item with no content! This accordion item will behave just like a “close accordion” button. 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. 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! DIVI's accordion feature is easy to set up and use but it does have a few limitations. This method will work without using any jQuery or extra coding as it merely adds an additional accordion item to the … Today We are Learning close the Open Toggle without open another toggle in Divi Builder WordPress. In the Main Element, add the following: display:none; Save. 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. 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. Adding the class collapsed to the anchor or handle which will be the click target for users to toggle them open/closed. 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! Save your accordion and save your page. 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 problem is, this isn't a feature that's available in the backend. The Open tab is closed when You Open another toggle. DIVI: Accordion Module starting with all Toogles closed. Increasing Accordion Open/Close Speed. Voila! If you want the accordion to collapse initially you can do so with pre-existing bootstrap definitions, javascript is unnecessary. The opened tab can only be closed when clicking on another accordion tab. 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. Do not give it a title, instead, skip to the “Advanced” tab to add Custom CSS. When You use Divi Builder then sometime You can Fetch this Type of issue. 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. 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 … Now your DIVI accordion is closed by default. One of them is the ability to have the first accordion box automatically closed/collapsed by default. You have to Close all Accordion But Divi Builder Didn’t this Type of Functionality in Divi Accordion Module. 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. 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. Also, remove the in class from the collapsing container. By default, the tabs of the Accordion Module in Divi cannot be closed. Now, take the new hidden option and drag it to the top of your accordion.