Question

I was want to show a div when hover on an image i found a demo i follow but it a toggle hover i want to show the div only when mouse hover on it once and hide again when mouse away i didn’t know what i need to change in the code to work like i want i am new in jquery here the code

    $(document).ready(function () {

        $(".slidingDiv").hide();
        $(".show_hide").show();

        $('.show_hide').hover(function () {
            $(".slidingDiv").slideToggle();
        });

    });

Answer 1

Change:

$('.show_hide').hover(function () {
    $(".slidingDiv").slideToggle();
});

to:

$('.show_hide').hover(function () {
    $(".slidingDiv").slideDown();
}, function(){
    $(".slidingDiv").slideUp();
});