/Javascript/jQuery/Show more implementation jquery

Show more implementation jquery

var $li = $('ul li');
var $shPets = $('.shPets');

$shPets.each(function() {
  var petType = $(this).data('pet');
  $('ul li[data-pet=' + petType + ']')
    .not('.shPets') //not shPets
    .not(':first') //everything except first
    .hide();
});

$('.shPets').click(function() {
  var petType = $(this).data('pet');
  if ($(this).text() == 'Show More..') {
    $(this).text('Hide');
    $('ul li[data-pet=' + petType + ']').show();
  } else {
    $(this).text('Show More..');
    $('ul li[data-pet=' + petType + ']')
      .not('.shPets') //not shPets
      .not(':first') //everything except first
      .hide();
  }
});

Source: stackoverflow.com

Similar codes

0 vote372 views1 answer
How to redirect in jquery onclick
Javascript jQuery
4 votes308 views1 answer
Comprobar si tiene una clase jquery
Javascript jQuery
0 vote277 views1 answer
Jquery modal if clicked outside
Javascript jQuery
5 votes270 views3 answers
Jquery body remove class
Javascript jQuery
0 vote281 views2 answers
How to rmeove white space in a string with jquery
Javascript jQuery
0 vote303 views1 answer
Remove all index from array except the one jquery
Javascript jQuery
2 votes308 views2 answers
Best way to detect mobile device jquery
Javascript jQuery
1 vote375 views1 answer
Get the last option from select jquery
Javascript jQuery
5 votes294 views2 answers
Jquery in array
Javascript jQuery
2 votes315 views1 answer
Can we give a url to img with jquery
Javascript jQuery