Question

Could anyone give me some help with this please? The content needs to appear after hovering over a second (I tried using hoverIntent but I couldn’t get it to work) and it needs to stay open, only closing/sliding back up when the button is clicked.

Here it is on jfiddle http://jsfiddle.net/VDcL4/4/

Answer 1

Like this?

jsfiddle

$(".btn-slide").on('mouseenter click', function(e) {
    switch(e.type) {
        case 'mouseenter':
            $("#panel").stop().slideDown("slow");
            break;
        case 'click':
            $("#panel").stop().slideUp("slow");
            break;
    }
    return false;
});