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
