Response title
This is preview!
FILTERABLE PORTFOLIO excluding one category
in Using jQuery Plugins
•
6 years ago
Hi there,
But now i´am trying to configure the standard filter All (*) with
the exception of one category.
I have these categories:
-
<nav class="primary clearfix"><ul class="conteudo_corrente"><li><a href="#" class="selected" data-filter="*">All</a></li><li><a href="#" data-filter=".product">PRODUCT</a></li><li><a href="#" data-filter=".packaging">GRAPHIC</a></li><li><a href="#" data-filter=".identity">WEB</a></li><li><a href="#" data-filter=".others">OTHERS</a></li></ul></nav>
I'm searching for something that exclude the OTHERS category
(do not show up on ALL category) only when i click in OTHERS it show
the projects.
A think it is in here:
- <script>
- //Portfolio
- var $container = $('.portfolio');
- $container.isotope({
- filter: '*',
- animationOptions: {
- duration: 750,
- easing: 'linear',
- queue: false,
- }
- });
-
- $('nav.primary ul a').click(function(){
- var selector = $(this).attr('data-filter');
- $container.isotope({
- filter: selector,
- animationOptions: {
- duration: 750,
- easing: 'linear',
- queue: false,
- }
- });
- return false;
- });
-
- var $optionSets = $('nav.primary ul'),
- $optionLinks = $optionSets.find('a');
- $optionLinks.click(function(){
- var $this = $(this);
- // don't proceed if already selected
- if ( $this.hasClass('selected') ) {
- return false;
- }
- var $optionSet = $this.parents('nav.primary ul');
- $optionSet.find('.selected').removeClass('selected');
- $this.addClass('selected');
- });
- </script>
Any ideas?
Thank you
1