Jquery color plugin NOT converting to transparent

Question

well I've used this color plugin for my website. Its actually working but not completely. My links have no background color according to my styles. But when you hover on them, the background color gets changed using the jquery BUT after hovering off them, there must not be any background color remained but it does. The "stop animate" probably does not do what I am willing to. I actually want these links to have no background color at all. I know its simple, But just could not get it done. Here is my jquery code :

 $(document).ready(function () {             
     $("#Menu div span label a").hover(function () {    
        $(this).stop().animate({ backgroundColor: "#00aadd" }, 600);     
         }, function () {    
    $(this).stop().animate({ backgroundColor: "transparent" },400);});
});    

The complete codes are right here. http://jsfiddle.net/hGmxP/34/ .

By the way, If u see that Ive used many tags for these simple links,its because the website gonna be my portfolio and It needs to have many layers for the designing part. So anything wrong in my codes ? And Thanks in advance

Answer 1

You can try using CSS. But I don't think it will work on IE

-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;

You can check it out here: http://jsfiddle.net/76uGE/1/