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

Try this:

$('.divbutton').mouseover(function(event)
{
   $(this).find('button').show();
});

$('.divbutton').mouseout(function(event)
{
   $(this).find('button').hide();
});