Question

I currently have a label that is absolute positioned within a textarea.

I’m trying to get the following working:

Once I click textarea, have the label disappear. Once I click outside the textarea, check if there’s any content that I’ve added. If not, put the label back. If yes, just leave it out.

jsFiddle is here.

I tried with $('html').click(), but it seems to interferes with the textarea click.

Answer 1

You want focus and blur Working Demo : http://jsfiddle.net/tDHwZ/10/

 $('#comment').focus(function() {
            $(this).prev().hide()  
        });
 $('#comment').blur(function() {
            if($(this).val()=='')
           $(this).prev().show()  
        });