Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • January 25, 2026 at 5:18 pm #1494287
    photographie-tous-azimuts

    Hello,

    On my recipe site, I have several sections with an accordion for each section. How can I have only one toggle open at a time for the whole accordion group? That is, if the user opens a toggle in one accordion, any toggle open in another accordion is closed.

    Thanks!
    Serge

    January 26, 2026 at 12:40 am #1494300
    Guenni007

    try in your child-theme functions.php:

    function ava_custom_toggle_behavior(){
?>
<script type="text/javascript">
(function($) {
    $(window).on('load', function() {
        $('.toggler').on('click', function() {
            var $current = $(this);
            
            // Short delay so Enfold can set its own classes
            setTimeout(function() {
                if ($current.hasClass('activeTitle')) {
                    // Find all other togglers on the page that are active
                    $('.toggler').not($current).each(function() {
                        if ($(this).hasClass('activeTitle')) {
                            // Simulate click or remove classes manually
                            $(this).trigger('click');
                        }
                    });
                }
            }, 100);
        });
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'ava_custom_toggle_behavior');
  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.