/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 vote177 views1 answer
Effect jquery
Javascript jQuery
2 votes125 views1 answer
Uncaught TypeError: Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript electron
Javascript jQuery
12 votes125 views1 answer
JQuery disable and enable input
Javascript jQuery
4 votes141 views1 answer
Jquery select on select
Javascript jQuery
0 vote136 views2 answers
Jquery add submit button dynamically to form
Javascript jQuery
1 vote137 views1 answer
How to completely reload page in jquery
Javascript jQuery
3 votes81 views1 answer
Jquery element change
Javascript jQuery
3 votes148 views5 answers
How to get selected option attribute value in jquery
Javascript jQuery
0 vote132 views1 answer
Jquery each response
Javascript jQuery
35 votes136 views5 answers
Jquery checkbox set checked
Javascript jQuery