Profile: katjaL

Problem:

The customer experienced an issue where a Kadence accordion, used within a Toolset View block with AJAX filters, stopped functioning correctly after filtering. The accordion worked fine on the initial page load but failed to open after AJAX filtering, suggesting that the AJAX process was breaking the accordion functionality.

Solution:

The problem was caused by the Kadence Accordion's JavaScript not being reinitialized after the AJAX content load. The supporter added custom JavaScript to the View settings to reinitialize the accordion each time the AJAX filter results were updated. The JavaScript snippet used was:

jQuery(document).on('js_event_wpv_parametric_search_results_updated', function(event, data) {
    if (typeof window.KadenceBlocksAccordion !== 'undefined' && typeof window.KadenceBlocksAccordion.init === 'function') {
        window.KadenceBlocksAccordion.init();
    }
});

This solution successfully resolved the issue by ensuring the accordion's functionality was restored after each AJAX filter action.