Question

I am using a table navigation menu in my website in that i have used JQuery fadeTo() for when I mouse over the menu items (<td>) it working only once. After same menuitem mouseover is not working. Please tell me whats wrong in my code?

$(document).ready(function() {  
    $("table.nav td").mouseover(function() {
        $("table.nav td:hover").fadeTo("slow", 1.0);
    });
});

Answer 1

Are you reseting the opacity at any point in your code?? It looks like you fade to one opacity setting on mouseover but don’t reset the opacity on mouseout. You are permanently setting the opacity. Maybe try using hover instead of mouseover and define opacity settings over and out….