Skip to content

Instantly share code, notes, and snippets.

@roseg43
Created April 27, 2015 15:44
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save roseg43/9a8742880bce0d6303a9 to your computer and use it in GitHub Desktop.
Save roseg43/9a8742880bce0d6303a9 to your computer and use it in GitHub Desktop.
Bootstrap Panel Filtering
//TODO: turn into jQuery function
$(function() {
$('.mix').each(function(){$(this).addClass('active');});
$('.filter select').change(function() {
var filter = $(this).val().toLowerCase();
var $filterEls = $('.mix');
$filterEls.each(function() {
var isHidden = false;
var filterVal = $(this).data('filter').toLowerCase();
if (filter == 'all') {
$(this).removeClass('hidden').addClass('active').fadeIn();
$(this).parents('.panel').fadeIn();
}else {
if ( filterVal == filter) {
$(this).fadeIn().removeClass('hidden').addClass('active');
}else if (filterVal != filter) {
$(this).fadeOut().addClass('hidden').removeClass('active');
if ($(this).parents('.panel').find('.active').length == 0) {
$(this).parents('.panel').fadeOut();
}
}
}
});
});
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment