How do I do when hovering over a particular div, another element appears?

Question

How do I do when hovering over a particular div, another element appears?

Navigation

#1 by (3 votes)

0

My goal is to have an invisible div, and when you hover over this invisible div, make another div appear?

example:

<div class="invisivel"></div>
<div class=visivel">
  Olá
</div>

jquery css

asked by anonymous 13.09.2017 / 16:39

1 answer

Put 00 on the left in another variable [duplicate] Jtable currency format

score 3 · Accepted Answer

I think the description of your problem is wrong.

Anyway, just use the show() method of jQuery within a mouseOver event.

$('.visivel').on('mouseover', function() {
  $('.invisivel').show();
});

$('.visivel').on('mouseout', function() {
  $('.invisivel').hide();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><divclass="visivel">
  Olá
</div>

<div class="invisivel" style="display:none">
  Invisivel
</div>