Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Jquery Animate, Opacity and Tooltip Re: Jquery Animate, Opacity and Tooltip

#62022
Steven Gardner
Participant

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