Question

I have a page where all items of class ‘div_title_item’ are initially hidden. Base on some paginator logic I would then like to show some of them.

// initially
$(".div_title_item").hide(); // this works fine

Now the showing part. I tried below but it didn’t work.

// on some event for example
var collection = $(".div_title_item");
collection[0].show();
collection[1].show();
// etc...

Nothing is shown.

Answer 1

Live Demo

Make them jQuery objects by doing the following.

$(collection[0]).show();
$(collection[1]).show();

Otherwise they are just standard DOM elements and wont have access to jQuery methods.