Re: Jquery Animate, Opacity and Tooltip

[Steven Gardner]

Ok i have been working out some answers and i think adding some inline styles through Jquery will fix some issues.

Code:

$(“li a”).css(“opacity”,0.2).css(“visibility”, “visible”).css(“margin-top”, “10px”);
$(“li a”).mouseover(function(){
$(“li a”).css(“opacity”, 1).css(“margin-top”, 0).css(“visibility”, “visible”);
});

This will set opacity on load. Then on hover the image will change opacity and move up 10px.

How do i get the original state when i hover away?
How do i make the transitions smooth

EVEN BETTER STILL
i will use AddClass instead of multiple .css