exposedfilter_buttons.js

(function ($) {
  /**
   * Set active class on Views AJAX filter 
   * on selected category
   */
  Drupal.behaviors.exposedfilter_buttons = {
    attach: function(context, settings) {
      $('.filter-tab a').on('click', function(e) {
        e.preventDefault();
        
        // Get ID of clicked item
        var id = $(e.target).attr('id');
        
        // Set the new value in the SELECT element
        var filter = $('#views-exposed-form-exposed-filter-example-block select[name="field_kategori_tid"]');
        filter.val(id);

        // Unset and then set the active class
        $('.filter-tab a').removeClass('active');
        $(e.target).addClass('active');

        // Do it! Trigger the select box
        //filter.trigger('change');
        $('#views-exposed-form-exposed-filter-example-block select[name="field_kategori_tid"]').trigger('change');
        $('#views-exposed-form-exposed-filter-example-block button.form-submit').trigger('click');
        

      });
    }
  };

  /**
   * Manipulate HTML for Views AJAX filter
   * on selected category
   */
  jQuery(document).ajaxComplete(function(event, xhr, settings) {

    switch(settings.extraData.view_name){
      
      case "exposed_filter_example":
        var filter_id = $('#views-exposed-form-exposed-filter-example-block select[name="field_kategori_tid"]').find(":selected").val();

        $('.filter-tab a').removeClass('active');
        $('.filter-tab').find('#' + filter_id).addClass('active');

        break;

      default:
        break;
    };
  });
    
})(jQuery);