Question

I need to remove the opacity style entirely from the element after all the animation is complete.
http://jsfiddle.net/SthJy/1/

I tried setting css('opacity', '') and removeAttr('style') but no effect, the inilne style is still there.
Could someone help me with this?

Answer 1

delay won’t work for css() or removeAttr() since they are not queueable. Read more in delay() docs

You need to use css() or removeAttr() within complete callack of final animation

 $("#helpCloud").animate({opacity: 1}, 200)
                .delay(2200)
                 .animate({  opacity: 0 }, 200, function(){
                      setTimeout(function(){
                          $(this).removeAttr('style');
                      }, 300);
                 });

Since default opacity of the element is zero in css, not sure what you are expecting to see

API refernce: http://api.jquery.com/delay