Q:

Animation on each element

$(".skills span").hover( function(){
$(".skillsIknow").stop().animate({ opacity: '1' },300);
},function(){
$(".skillsIknow").stop().animate({ opacity: '0' },300);
});

I have this simple animation : when you pass your mouse on the "softwares", the text "I KNOW" appears above.
But when you move your mouse between Indesign and Illustrator for exemple, the text I KNOW stays white : does it possible to create an little effect, when you change between a word, it disappears and appears ?
Thks
PS : Does someone know why the animation color white/black doesn't work ?

http://jsfiddle.net/Vz6z6/

A:

If you want it to fade back out, you need to force it to, otherwise it stays in the hover state. Try:
$(".skillsIknow").stop().animate({ opacity: '1' },300).animate({ opacity: '0' },300);

