/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 vote216 views2 answers
Click on a radio button using jquery
Javascript jQuery
1 vote188 views1 answer
Convert jquery to string
Javascript jQuery
28 votes217 views6 answers
Jquery scroll to top
Javascript jQuery
0 vote205 views1 answer
Convert jquery hide function to pure javascript code
Javascript jQuery
0 vote223 views1 answer
Gif Animation on Image jquery
Javascript jQuery
0 vote210 views1 answer
Jquery check if audio is playing
Javascript jQuery
12 votes185 views3 answers
Jquery if screen size
Javascript jQuery
63 votes186 views6 answers
Add class jquery
Javascript jQuery
2 votes202 views2 answers
Jquery number format thousand k
Javascript jQuery
0 vote184 views1 answer
Uncaught ReferenceError: jQuery is not defined at (index): "405"
Javascript jQuery