Question

Just when I thought I was done for the night, another issue is keeping me awake.

It appears that somehow I have broken the fade I was using on my thumbnails. If you go here: http://ftfranes.com/mliad2/
When you hover your mouse of the thumbnails, it should fade up.

To give you an idea, this is a working version of the script: http://nothingcantuochme.com/stackoverflow.php#download_page
As you can see, the hover works fine with the fade. And please mind the mess on this one, I just added it to demonstrate.

Is there anyone that can kindly assist me in solving this issue? I would lie if I told you that I wasn’t completely lost.

Answer 1

$(function() {
    // JUST CHANGE THE SELECTOR
    // MAY NEED TO REFINE IF IT AFFECTS OTHER ELEMENTS
    $('.image > a').each(function() {
    /*$(this).append('<div style="position:absolute; top:5px; left:5px; width:200px; height:150px; background:red;"></div>');*/
        $(this).hover(function(){
            $(this).find('img').stop().animate({
                opacity: 0.8
            })
        },function(){

            $(this).find('img').stop().animate({
                opacity: 1
            })
        });
    });
});