/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 vote284 views1 answer
Jquery slick drag goes back
Javascript jQuery
0 vote276 views1 answer
Jquery open image in new tab
Javascript jQuery
26 votes232 views6 answers
Jquery change text
Javascript jQuery
21 votes275 views5 answers
Jquery run after page load
Javascript jQuery
0 vote323 views1 answer
Json_decode jquery
Javascript jQuery
5 votes253 views4 answers
How to append select option in jquery
Javascript jQuery
0 vote238 views1 answer
Get id of first td jquery
Javascript jQuery
9 votes210 views1 answer
Jquery on video play
Javascript jQuery
1 vote249 views1 answer
Jquery SEND TO END OF ARRAY
Javascript jQuery
3 votes256 views6 answers
Add id jquery
Javascript jQuery