
Untitled
By: a guest on
Apr 24th, 2012 | syntax:
None | size: 1.25 KB | hits: 24 | expires: Never
jQuery Isotope - Filtering with AND (exclusion)
<ul class="project-tags">
<li><a class="all selected" data-filter="all">All</a></li>
<li><a class="" title="Filter1" data-filter=".Filter1">Filter1</a></li>
<li><a class="" title="Filter2" data-filter=".Filter2">Filter2</a></li>
<li><a class="" title="Filter3" data-filter=".Filter3">Filter3</a></li>
<li><a class="" title="Filter4" data-filter=".Filter4">Filter4</a></li>
</ul>
var $iso = $('#projects');
$.filterIsotope = function(filter)
{
$iso.isotope({ filter:filter });
}
$('.sidebar a').click(function(event){
//$("body,html").animate({scrollTop:125});
// event.preventDefault();
var cat = $(this).attr('data-filter'),
$links = $('#work-grid2 .sidebar a:not(.all)'),
filter = "";
if (cat == 'all')
{
$links.removeClass('selected');
}
else
{
$('.sidebar a.all').removeClass('selected');
}
$(this).toggleClass('selected');
$links.each(function(index){
if ($(this).hasClass('selected'))
{
if (filter.length) filter += ", ";
filter += $(this).attr('data-filter');
}
});
if (filter == "") $('.sidebar a.all').addClass('selected');
$.filterIsotope(filter);
})