BlushCo

Maybe to explain, Toolset is quite widely used and if you build an extensive custom search with many options and search fields you may want to group them with an accordion.

With the option of automatic AJAX refresh these fields get overwritten and accordions disabled. I have read many reports about that.

The Toolset support people suggest using the provided callback ‘hook’ to be used but you need the accordion’s re-initialize function for that.

With the one you suggested this is totally possible and everything works as it should.

jQuery('.js-accordion-item').each(function() {
	jQuery(this).accordionBlockItem({
		// Set default settings
		initiallyOpen: jQuery(this).data('initially-open'),
		autoClose:     jQuery(this).data('auto-close'),
		clickToClose:  jQuery(this).data('click-to-close'),
		scroll:        jQuery(this).data('scroll'),
		scrollOffset:  jQuery(this).data('scroll-offset'),
	});
        jQuery(this).removeClass('no-js');
});

Thanks again!

Actually, after trying your code it works.

I just had to additionally remove the ‘no-js’ class which got added by AJAX and not restored by the accordionBlockItem(), it seems.

Thank you!!

1. should be “I am using accordions in the Toolset…”

Hi Munir,

I believe he meant can ACF fields be displayed inside Posts and other blocks?

I wonder too… or, in which blocks can ACF fields be displayed?

Oh, I am sorry, I donn’t have it. Thanks.

Resolved.