How to show button on div mouse hover

Question

i want to show button on div hover. when i hover mouse on div then button show otherwise hide.

my button in divbutton div.

html

Answer 1

Use following jQuery to perform your task.

Here is a jsfiddle demo

$(document).ready(function () {
    $(document).on('mouseenter', '.divbutton', function () {
        $(this).find(":button").show();
    }).on('mouseleave', '.divbutton', function () {
        $(this).find(":button").hide();
    });
});