Home > widget-integration > FilterRender > handleCollapsedChange

FilterRender.handleCollapsedChange() method

Applies the current collapse state to all filter option DOM elements.

Iterates over stored collapseState entries and adds or removes CSS classes on target elements to keep the DOM in sync with the current state.

Signature:

handleCollapsedChange(): void;

Returns:

void

Example

Override to add custom collapse animations:

window.boostWidgetIntegration.extend('FilterRender', (FilterRender) => {
  return class extends FilterRender {
    handleCollapsedChange() {
      super.handleCollapsedChange();
      document.querySelectorAll('.boost-sd__filter-option-itemwrapper')
        .forEach(el => el.classList.add('animate-collapse'));
    }
  };
});