Question

I am using the following logic in a for statement

The problem I am having is that it seems that when you hover over the first image – it hides ‘all the images’. I want to try and preserve the [i] for each image but it seems it doesn’t do this ?

function myHandler(elem, img) {
  var curImg = img;
  var curImgId = curImg.find('img');

  $(curImgId).live('click', function() {
          $(this).hide();
  });   

//Other stuff requiring preservation of [i]
}

Answer 1

When you hover over the first image, that image hides. This is normal.

However, your problem is the second image moves into the space previously filled by the first image, and the second image gets a mouse event, which causes that image to hide. This happens continuously until the rest of the images all disappear.

You can test this by hovering over the second image – all the images to the right disappear.