Suggestion: adding a search option on the page

jQuery(document).ready(function() {
    jQuery('.tax-arrow').click(function() {
    	
    	if( jQuery(this).closest('.taxonomy-list-item').hasClass('active') ) {
    		jQuery(this).closest('.taxonomy-list-item').find('.tax-child-list-item').fadeOut();
    		jQuery(this).closest('.taxonomy-list-item').find('div.tax-arrow').addClass('rotate');
    		jQuery(this).closest('.taxonomy-list-item').find('div.tax-arrow').removeClass('rotate');
    		jQuery(this).closest('.taxonomy-list-item').removeClass('active');
    	} else {
    		jQuery(this).closest('.taxonomy-list-item').find('.tax-child-list-item').fadeIn();
    		jQuery(this).closest('.taxonomy-list-item').find('div.tax-arrow').removeClass('rotate');
    		jQuery(this).closest('.taxonomy-list-item').find('div.tax-arrow').addClass('rotate');
    		jQuery(this).closest('.taxonomy-list-item').addClass('active');
        }
	});
	
	jQuery("#tax-search-filter").on("keyup", function() {
		var value = jQuery(this).val().toLowerCase();
		if( value != '' ) {
			jQuery('.<strong>taxonomy-list-item</strong>').hide()
			.filter('[data-taxname*="'+value+'"]')
			.show(); // show the filtered elements
		} else {
			jQuery('.taxonomy-list-item').show();
		}
	});
});

<div class="taxonomy-search-filter">
                <input type="text" placeholder="Search..." id="tax-search-filter"/>
 </div>

• This topic was modified 2 years, 4 months ago by pcnet.