Show hint com delay

by Jader Wagner

HTML

<div id="lp-1">Passe o mouse</div>
<div id="lp-1-hover">Texto Oculto!</div>

CSS

#lp-1-hover {
    width:200px;
    height:200px;
    line-height: 200px;
    text-align: center;
    border: 2px solid red;
    display:none;
}

JavaScript

var SemConflito = jQuery.noConflict();
SemConflito("#lp-1").on('mouseover', function () {
    SemConflito("#lp-1-hover").delay(500).slideDown({
        duration: 400,
        easing: 'easeInCubic',
    });
});