/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

3 votes300 views1 answer
Jquery 2 decimal places
Javascript jQuery
0 vote313 views1 answer
30 mins 24 hours jquery loop
Javascript jQuery
15 votes335 views3 answers
Jquery DevTools failed to load source map: Could not load content for
Javascript jQuery
1 vote310 views1 answer
Model show in jquery
Javascript jQuery
0 vote322 views1 answer
Module not found: Can't resolve 'jquery' in react
Javascript jQuery
1 vote362 views1 answer
Jquery unselect option
Javascript jQuery
6 votes315 views2 answers
Jquery send to another page
Javascript jQuery
0 vote328 views1 answer
Create own rules jquery
Javascript jQuery
5 votes294 views4 answers
Jquery insert option into select
Javascript jQuery
3 votes313 views1 answer
Select onchange get value jquery
Javascript jQuery