/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 vote190 views1 answer
Jquery connection reset
Javascript jQuery
0 vote149 views1 answer
Get input value on keypress jquery
Javascript jQuery
14 votes163 views5 answers
/on in jquery
Javascript jQuery
0 vote200 views2 answers
How to add the click event into two element in jquery
Javascript jQuery
0 vote159 views1 answer
Jquery create element properties
Javascript jQuery
6 votes159 views2 answers
Jquery find by innertext
Javascript jQuery
1 vote159 views1 answer
How to check if file upload is empty jquery
Javascript jQuery
35 votes148 views6 answers
Jquery select by name
Javascript jQuery
0 vote163 views1 answer
Differences between detach(), hide() and remove() - jQuery
Javascript jQuery
1 vote182 views1 answer
Check your page, maybe you import jQuery library twice, the slim version or it is missing.
Javascript jQuery