/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

2 votes328 views2 answers
Append before parent jquery
Javascript jQuery
0 vote360 views1 answer
Jquery get current row value
Javascript jQuery
0 vote353 views1 answer
How to remove link in image in jquery
Javascript jQuery
18 votes331 views6 answers
CHECK IF element is hidden jquery
Javascript jQuery
1 vote284 views1 answer
Jquery remove readonly
Javascript jQuery
0 vote326 views1 answer
To append dropdown option using jquery
Javascript jQuery
1 vote307 views3 answers
On button click show collapse div jquery
Javascript jQuery
42 votes346 views3 answers
Jquery get text of input
Javascript jQuery
0 vote350 views1 answer
Load data dynamically on page scroll using jquery ajax in json formt
Javascript jQuery
1 vote345 views2 answers
Jquery get custom attribute
Javascript jQuery