/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 vote66 views1 answer
Empty text in all class jquery
Javascript jQuery
1 vote118 views1 answer
How to change the text using jquery on click
Javascript jQuery
0 vote99 views1 answer
How i change background of row in javascript jquery
Javascript jQuery
0 vote115 views1 answer
Check fpr multiple values in an array jquery
Javascript jQuery
0 vote114 views1 answer
Disable copy past jquery
Javascript jQuery
0 vote152 views1 answer
Jquery datepicker enable year selection
Javascript jQuery
19 votes115 views6 answers
Jquery selected option
Javascript jQuery
12 votes114 views4 answers
Jquery get data attribute value by class
Javascript jQuery
2 votes106 views1 answer
Explode in jquery
Javascript jQuery
0 vote115 views1 answer
Jquery mouseup javascript
Javascript jQuery