/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

1 vote251 views1 answer
Sort divs alphabetically jquery
Javascript jQuery
24 votes241 views6 answers
Open modal using jquery
Javascript jQuery
3 votes228 views4 answers
Jquery ajax type json
Javascript jQuery
0 vote264 views1 answer
1 line password strength checker jquery
Javascript jQuery
5 votes223 views3 answers
Javascript code to jquery online
Javascript jQuery
0 vote203 views1 answer
Using jquery to extend textarea
Javascript jQuery
0 vote223 views1 answer
JQuery Validate remote method usage to check if username already exists
Javascript jQuery
0 vote213 views1 answer
Jquery ui sortable disable child
Javascript jQuery
0 vote237 views1 answer
Append string in variable using jquery in each loop
Javascript jQuery
1 vote235 views2 answers
Jquery :not class
Javascript jQuery