Simple Focus Tooltip

by kachibito

HTML

<input></input>
<p>tooltipです！</p>

CSS

p {
    background: #000;
    padding: 3px 4px;
    display: inline;
    color: #fff;
}
input{margin:25px;}

JavaScript

$("p").hide();

$("input").focus(function() {
    $("p").fadeToggle("fast", "linear");
});
$("input").focusout(function() {
    $("p").fadeToggle("fast", "linear");
});