Question

I am trying to use jQuery to add a hover opacity on an element that is being repeated depending on how many items are in the database.

At the moment when hovering over one div, all of them are changing.

Here is the HTML/jQuery:
http://jsfiddle.net/RKhvv/1/

Apologies that the jsfiddle doesn’t display any result but hopefully it is the best way of showing you the code.

Thanks!

Answer 1

Try this:

$(document).ready(function() {        
        $(".entryHeader").hover(function(){
           $(this).stop(true).fadeTo("fast", 0.6); // This sets the opacity to 100%     on hover
        },function(){
            $(this).stop(true).fadeTo("fast", 1.0); // This sets the opacity back to 60% on mouseout
        }); });