/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 vote212 views1 answer
Jquery select2 hide search box
Javascript jQuery
0 vote178 views1 answer
How to find for lable in jquery
Javascript jQuery
48 votes193 views6 answers
Jquery uncheck checkbox
Javascript jQuery
38 votes191 views6 answers
Jquery check if element exists
Javascript jQuery
78 votes197 views3 answers
Jquery each get index
Javascript jQuery
2 votes189 views1 answer
Columndefs in datatable not working while setting width jquery
Javascript jQuery
2 votes188 views3 answers
Insertbefore jquery
Javascript jQuery
2 votes191 views2 answers
Make ajax request post jquery
Javascript jQuery
2 votes200 views1 answer
Set value in span using jquery
Javascript jQuery
-1 vote222 views1 answer
If element is fully visible in viewport jquery
Javascript jQuery