/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 vote289 views1 answer
Replace all dashes to slashes using jquery in a string
Javascript jQuery
4 votes286 views5 answers
Jquery trigger
Javascript jQuery
0 vote290 views1 answer
How to hide a input and label jquery
Javascript jQuery
0 vote267 views1 answer
Jquery trigger event when scroll to div
Javascript jQuery
0 vote280 views1 answer
Data-toggle="tooltip not working due to jquery-ui.min.js
Javascript jQuery
0 vote277 views1 answer
Jquery use variable in string
Javascript jQuery
5 votes263 views2 answers
Jquery get URL slug
Javascript jQuery
46 votes275 views3 answers
Shorthand for jquery document ready
Javascript jQuery
0 vote237 views1 answer
Jquery not readonly
Javascript jQuery
3 votes282 views3 answers
Jquery open a new tab
Javascript jQuery