cmoreira

JS to convert live filter dropdown into inline menu

Dec 6th, 2017
85
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. jQuery('.ts-dropdown-filter-nav').prepend('<div id="ts_inline_menu"></div>');
  2. jQuery('#tsdropdown-dtaxonomy').hide().find('option').each(function(index, element){
  3.  
  4.     if(index>0){
  5.  
  6.         var letter = jQuery('<div>');
  7.         letter.addClass('ts-letter');
  8.         var opt = jQuery(this);
  9.         letter.html(opt.html()).on('click',function(){
  10.             if(jQuery(this).hasClass('ts-selected-letter')){
  11.                 jQuery('#ts_inline_menu div').removeClass('ts-selected-letter');
  12.                 jQuery('#tsdropdown-dtaxonomy').val('*').change();
  13.             } else {
  14.                 jQuery('#ts_inline_menu div').removeClass('ts-selected-letter');
  15.                 jQuery(this).addClass('ts-selected-letter');
  16.                 jQuery('#tsdropdown-dtaxonomy').val(opt.attr('value')).change();
  17.             }
  18.            
  19.         });
  20.         var lettercontainer = jQuery('<div>').addClass('ts-letter-container').html('<div class="ts-letter-divider"> | </div>').append(letter);
  21.         jQuery('#ts_inline_menu').append(lettercontainer);
  22.     }
  23. });
Add Comment
Please, Sign In to add comment