/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

7 votes318 views3 answers
Jquery remove option from dropdown
Javascript jQuery
1 vote301 views3 answers
Jquery export to excel with formatting
Javascript jQuery
2 votes330 views1 answer
Jquery for table Show entries
Javascript jQuery
105 votes352 views6 answers
For each jquery
Javascript jQuery
0 vote289 views1 answer
Jquery radio event
Javascript jQuery
83 votes321 views6 answers
Jquery click event
Javascript jQuery
8 votes313 views2 answers
Jquery set href of link
Javascript jQuery
1 vote338 views1 answer
JQuery UI Sortable, then write order into a database
Javascript jQuery
0 vote328 views1 answer
Immediate invoke jquery arrow function
Javascript jQuery
0 vote335 views1 answer
Submit form jquery browser check
Javascript jQuery