Hide a HTML5 Canvas element

Question

I try to use the HTML5 Canvas tag, until now I managed to do what I wanted. But now I'm trying to hide in fade a Canvas element (context). The retunred error is context.fadeOut is not a function.

See my draft here: http://jsfiddle.net/t46Ze/4/

Thanks for your help.

---

EDIT > Here my initial wanted : http://jsfiddle.net/t46Ze/15/

EDIT > Here the Andrew proposition : http://jsfiddle.net/t46Ze/16/ (with comments)

Answer 1

You're trying to fade out the 2D context of the canvas, not the canvas element itself. Fade out the element itself instead.

Answer 2

Do $(canvas).fadeOut instead of context.fadeOut