/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

1 vote154 views1 answer
Jquery validation errorplacement
Javascript jQuery
0 vote158 views1 answer
Jquery slick remove white fade
Javascript jQuery
1 vote138 views3 answers
How to set height dynamically in jquery
Javascript jQuery
5 votes128 views1 answer
Jquery document on rea
Javascript jQuery
2 votes136 views1 answer
Disable option dropdown jquery
Javascript jQuery
0 vote134 views1 answer
Onclick confirm jquery anchor tag
Javascript jQuery
0 vote138 views1 answer
Difference between jquery and javascript
Javascript jQuery
13 votes142 views3 answers
Jquery find tag and class
Javascript jQuery
9 votes137 views2 answers
Dropdown option selection change event in jquery
Javascript jQuery
11 votes137 views1 answer
Jquery get eklement by name
Javascript jQuery