Jquery display matrix images one after one while page loading
<p>I am having page with matrix product images, and i want to display that with jquery animation
showing one after one, i am using code like this    </p>

<p>In default all images are in hidden. and following code for show each image with delay, so it will disply one after one</p>

<p><code>$(".container img").each(function(i) {
$(this).delay(100*i).fadeIn(); 
});</code>    </p>

<p>this works good, but what the problem is i have number of category that, while loading one category if user click on second category the remain first category images displayed in second category</p>

<p>how i can do this with out problem?</p>
