Is accordion working with Edge ?

Hi there,

It looks like Edge currently does not have support but it should be coming soon! Stay tuned! In the mean time, there may be some style or JS fixes you can add to make it work in Edge if you need.

We too have this issue with Edge. If support for Edge is not available yet, can you point us toward the “style or JS fixes” that might make the accordion work in Edge?

5 months later, accordeons still not work in Edge.

Here is a quick and dirty fix (only for Edge).

JS

if(window.navigator.userAgent.indexOf("Edge") > -1) {
	jQuery(".ab-accordion-title").on('click', function() {
		var attr = jQuery(this).parent().attr('open');

		if (typeof attr !== typeof undefined && attr !== false) {
		        jQuery(this).parent().removeAttr("open");
		} else {
			jQuery(this).parent().attr("open", true);
		}
				
	});
}

SCSS

.ab-block-accordion {
    details {
        .ab-accordion-text {
            padding: 0;
            height: 0;
            overflow: hidden;
        }

        &[open] {
            .ab-accordion-text {
                padding: 10px 15px;
                height: auto;
            }
        }
    }
}

• This reply was modified 5 years, 6 months ago by felixprojekt.
• This reply was modified 5 years, 6 months ago by felixprojekt.