Question

How would one only show a certain amount of divs? Right now I’m using the following code to show only 5 divs.. but it’s not working properly:

$('.categoryThumbnailList_item:lt(5)').show();

I created a JSFiddle to showcase the problem:

http://jsfiddle.net/gXxEs/

I don’t want the divs to load and be hidden either. I would like the divs to not appear at all and not have to be loaded on the screen.

Any help would be appreciated! 😀

Answer 1

You have to hide all then show the ones you want:

$(document).ready(function() {
    $('.categorythumbnaillist_item').hide();
    $('.categorythumbnaillist_item:lt(5)').show();
});

Updated fiddle: http://jsfiddle.net/gXxEs/9/