Toolbox Example: Dynamic Group Filter JS

toolbox_example_dynamic_group_filter_js.js

jQuery( '.chooser' ).on( 'click' , function( event ) {
  var $this = jQuery(this);
  var term = $this.data('term');
  if ( $this.hasClass( 'uk-button-primary' ) ) {
    var $unterm = jQuery( '.shadow[data-term="' + term + '"]' );
    UIkit.filter('[uk-filter="target: .js-filter"]', { target: ".js-filter" } ).apply( $unterm );
  } else {
    UIkit.filter('[uk-filter="target: .js-filter"]', { target: ".js-filter" } ).apply( $this );
  }

  $this.toggleClass('uk-button-primary');
});