show more implementation jquery

var $li = $(‘ul li’);<br /> var $shPets = $(‘.shPets’);</p> <p>$shPets.each(function() {<br /> var petType = $(this).data(‘pet’);<br /> $(‘ul li[data-pet=” + petType + “]’)<br /> .not(‘.shPets’) //not shPets<br /> .not(‘:first’) //everything except first<br /> .hide();<br /> });</p> <p>$(‘.shPets’).click(function() {<br /> var petType = $(this).data(‘pet’);<br /> if ($(this).text() == ‘Show More..’) {<br /> $(this).text(‘Hide’);<br /> $(‘ul li[data-pet=” + petType + “]’).show();<br /> } else {<br /> $(this).text(‘Show More..’);<br /> $(‘ul li[data-pet=” + petType + “]’)<br /> .not(‘.shPets’) //not shPets<br /> .not(‘:first’) //everything except first<br /> .hide();<br /> }<br /> });