For the hover, target '.boxhover' rather than '.boxonly'

Then, use the jQuery selector "this" to target ONLY the .boxhover element that is being hovered over.

Original Code

$('.boxonly').hover(function() {
                  $('.boxhover').stop().animate({ "opacity": .6 },{ duration: 250 });
              }, function() {
                  $('.boxhover').stop().animate({ "opacity": 0 },{ duration: 400 });
              });
          });

New Code

$('.boxhover').hover(function() {
                  $(this).stop().animate({ "opacity": .6 },{ duration: 250 });
              }, function() {
                  $(this).stop().animate({ "opacity": 0 },{ duration: 400 });
              });
          });

Codepen showing this http://codepen.io/jessecfisher/pen/shtmD

Hey there again, so it works a charm in a new test... But I can't get it working in the frame work of my site, I think there is something in my css preventing it from working... But I can't figure out what.

For some reason the divs aren't clickable.... and don't register that you are hovering over them .

I've re:uploaded a new version to http://jameskape.com/test/

If you could have a quick look that be awesome.

Cheers

J

@jameskape - Completely unrelated to your problem, but you should hook that up with some http://placekitten.com/

Haha, Andy unleash... Amazing!

Thanks so much Hot pink! That fixes everything.

Merry christmas. Thanks so much.

Cheers J