Show More

showmore.js

        $('.hide-show').each(function () {
            var thisList = $(this);
            var thisListItems = thisList.find('li');
            var size_li = thisListItems.length;
            if(size_li > 5)
            {
                thisList.after('<div class="hide-show-buttons"><span id="showMore">See All &#9660;</span><span id="showLess">See Less &#9650;</span></div>');
            }
            var x = 5;
            thisList.find('li:lt('+x+')').show();
        });
        $('body').on('click', '#showMore', function () {
            var this_size_li = $(this).parent().parent().find('li').size();
            var x = this_size_li;
            $(this).parent().parent().find('li:lt('+x+')').show();
            $(this).parent().parent().find('#showLess').show();
            if(x >= this_size_li){
                $(this).parent().parent().find('#showMore').hide();
            }
        });
        $('body').on('click', '#showLess', function () {
            var this_size_li = $(this).parent().parent().find('li').size();
            var x = 5;
            $(this).parent().parent().find('li').not(':lt('+x+')').hide();
            if(x <= 5){
                $(this).parent().parent().find('#showLess').hide();
            }
            if(x < this_size_li){
                $(this).parent().parent().find('#showMore').show();
            }
        });