/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

16 votes170 views5 answers
Modal.show jquery
Javascript jQuery
0 vote194 views1 answer
Website implement jquery in js
Javascript jQuery
21 votes226 views2 answers
Refresh page on button click jquery
Javascript jQuery
0 vote182 views1 answer
JQuery exclude exteranl link for images
Javascript jQuery
0 vote192 views1 answer
JQuery onclick not firing on dynamically inserted HTML elements
Javascript jQuery
1 vote164 views1 answer
Jquery check if string contains specific word
Javascript jQuery
0 vote179 views1 answer
Sending string variable to .net mvc using Ajax JQuery
Javascript jQuery
0 vote203 views1 answer
Bootstrap 4 form validator with jquery
Javascript jQuery
0 vote242 views2 answers
Jquery from js
Javascript jQuery
0 vote176 views1 answer
Jquery get dropdown list selected value
Javascript jQuery