Question

This is my Fiddle

Everything is written in the fiddle.

What the problem is:
I want the text to disappear when I select to start typing something in my input.

1. If i focus on the input, I want the

   to disappear, and only reappear if i havent typed anything in,

2. If i have something typed in my text input, i want the hide to stay that way.

I honestly have no clue how to do this, and i gave a bs attempt at it to show what i mean

thank you so much for your help!

Answer 1

Use .blur() to detect when the input loses focus, and then test if its length is 0 using .val(). If it is, show the p again:

$(document).ready(function () { 
    $(".type").focus(function() {
        $("p").hide();
    }).blur(function () {
        if ($(this).val().length == 0) {
            $("p").show();
        }
    });
});

DEMO.