Skip to main content

Non-Collapsible Accordion Menu Glitch

Chris Gomez
  • Edited

I believe since the latest update (can't be sure when this happened), Accordion elements throughout the website which do not have the "Collapsible" setting enabled automatically close. 

Please find screen recording of the glitch here: https://jumpshare.com/v/EtigXuh9kTdTT4Wwl03C

CURRENT WORKAROUND: If I enable collapsible, it allows me to open and close them. HOWEVER:

This is happening across all client websites. Any solution would be appreciated because our aesthetic used (and to minimise text overload) is to have non-collapsible accordion elements.

 
0

Comments

16 comments

Date Votes
  • Ariel H.

    Hi Chris,

    Thank you for contacting us.

    This issue is likely caused by a conflict with another plugin or theme. Please try disabling all plugins except Brizy and Brizy Pro to see if that resolves the issue. You can also temporarily switch to a different theme to check if the problem is theme-related. If you've added any custom code to your pages, try temporarily removing them as well.

    If disabling other plugins fixes the issue, re-enable them one by one while testing the page  to identify the conflicting plugin. If switching themes resolves it, consider using a more compatible theme such as Blocksy or Astra.

    Give that a try, and if the issue persists, feel free to reach out—we’re happy to help further.

    Best regards,
    Ariel H.

    0
  • B.j. Cbrtg

    Hi, same problem here. The issue is on all websites that have been updated to the latest version:

    • Brizy 2.6.15
    • Brizy Pro 2.6.10

    We have tested it with disabling all other plugins and switching to a default theme.

    0
  • Ariel H.

    Hi B.j.,

    Please provide us with temporary access to your WP Admin page so we can take a look. Please add us as an Admin user to your WordPress Dashboard and send the following details to communitysupport@brizy.io.

    Community Post link: https://support.brizy.io/hc/en-us/community/posts/26102314929170
    WordPress Admin URL:
    Username:
    Password:

    Best regards,
    Ariel H.

    0
  • B.j. Cbrtg
    • Edited

    Thanks, the credentials have been made and emailed.

    To anyone else reading this: reverting back to brizy 2.6.15 and brizy pro 2.6.8 is a temporary workaround.

    0
  • Craig B

    It's definitely Brizy Pro 2.6.10 that's causing the accordian issue.  I had the same issue - removed 2.6.10 and installed 2.6.8 which resolved the accordian issue.

    0
  • Bo Frilund

    Hello 

    We experience the exact same problem with the Non-Collapsible Accordion Menu as described by Chris Gomez. 

    Please help

    Thank you

    0
  • Ariel H.

    Hi B.j.,

    Thank you for your cooperation. After making a few adjustments, the issue appears to be resolved—could you please check and confirm if it’s working on your side?

    It seems the problem was related to server-side caching. Could you also let us know which caching software your server is using?

    Best regards,  
    Ariel H.

    0
  • B.j. Cbrtg

    Hi Ariel,

    Thanks for looking into this again. Unfortunately, the issue is still not resolved, nothing has changed on our end.

    To clarify your second question about caching: you had full admin access and could see we're using WP Rocket, but we also tested the site with all plugins disabled, including WP Rocket, and the accordion issue persisted. So it doesn’t appear to be caused by plugin-level caching.

    You mentioned “server-side caching”, could you clarify what exactly you’re referring to?
    We’re running on a LiteSpeed stack with WP_CACHE enabled and an active advanced-cache.php drop-in, but no additional caching mechanisms (e.g. Varnish, Redis, or custom server rules). If LiteSpeed’s internal cache or this drop-in is relevant here, we’d appreciate your insights.

    Also, could you let us know what adjustments you made during your session that led you to believe the issue was resolved? That would help us compare with our current setup and narrow things down more effectively.

    0
  • Ben P

    Same problem here.

    0
  • Bo Frilund

    Hello Ariel H.

    This issue is still happening on our website, would you please help?

     

    Best Regards

    Bo

    0
  • Ariel H.

    Hi B.j.,

    Thanks for the update.

    I checked the page on my end and it appears to be working as expected. Here's a quick screencast showing what I see: https://youtu.be/qrtow4z06A0

    The only adjustment I made during troubleshooting was to add a bit of padding to one of the affected blocks and then preview the changes—just to confirm everything is rendering correctly.

    Could you please confirm if this is the correct page and the issue you were referring to?  

    For all others who might be experiencing a similar issue, please make sure to purge your caching plugins as well as any server-side caches to ensure you're seeing the most recent version of the page.

    Let me know if you need further assistance.

    Best regards,  
    Ariel H.

    0
  • B.j. Cbrtg

    Hi Ariel, thanks for your reply and video. Purging the cache didn't resolve the issue, however adding padding and then saving it (effectively forcing a cache purge I assume) did work. Thanks for the workaround.

    Just to clarify: do we need to do this for ALL website and ALL pages we made in brizy? Or will this be resolved in a future brizy update so no action is needed from our side?

    0
  • Ariel H.

    Hi B.j.,

    Thanks for the update—glad to hear the workaround helped. Apologies for the inconvenience; this is the best solution we can suggest at the moment. We're aware of the issue, and our developers are likely to release a fix in one of the future upcoming updates.

    Best regards,
    Ariel H.

    0
  • Ariel H.
    • Edited

    Hi Chris and others,

    If you're still experiencing this issue, please send temporary access to your WordPress Admin Dashboard to communitysupport@brizy.io with the subject line: 26102314929170. If you’ve changed your WordPress default admin login URL, please make sure to include the correct login link as well.

    Looking forward to your response.

    Best regards,  
    Ariel H.

    0
  • Ben P

    I'm still having this problem to this day.

     

    0
  • Ariel H.

    Hi Ben,

    Thank you for reaching out and I apologize for the delay.

    Another user has shared a script that can help fix the accordion issue.

    <script>
      document.addEventListener("DOMContentLoaded", function () {
        setTimeout(() => {
          console.log("Using height-based accordion animation...");

          // Clone to remove Brizy listeners
          document.querySelectorAll('.brz-accordion__nav').forEach(original => {
            const clone = original.cloneNode(true);
            original.parentNode.replaceChild(clone, original);
          });

          const headers = document.querySelectorAll('.brz-accordion__nav');
          console.log("Headers found:", headers.length);

          headers.forEach(header => {
            header.addEventListener('click', function () {
              const item = this.closest('.brz-accordion__item');
              const content = item.querySelector('.brz-accordion__content');
              if (!item || !content) return;

              const isOpen = item.classList.contains('open');

              if (isOpen) {
                // collapse
                content.style.height = content.scrollHeight + "px"; // start at full height
                requestAnimationFrame(() => {
                  content.style.transition = "height 0.4s ease";
                  content.style.height = "0px";
                });
                item.classList.remove("open");
              } else {
                // expand
                content.style.height = "0px"; // reset first
                content.style.display = "block";
                content.style.overflow = "hidden";
                item.classList.add("open");
                const fullHeight = content.scrollHeight + "px";
                requestAnimationFrame(() => {
                  content.style.transition = "height 0.4s ease";
                  content.style.height = fullHeight;
                });
              }
            });
          });
        }, 1000);
      });
    </script>

    To use this solution, you’ll need to install the WPCode plugin, which allows you to insert the script into the footer section of your site.  

    You can follow the steps demonstrated in this screencast: https://www.youtube.com/watch?v=gT3IXs4J2BU  

    Let me know if you need any assistance with this.

    Kind regards,  
    Ariel H.

    0

Please sign in to leave a comment.

Didn't find what you were looking for?

Ask a Question