Toggle hode and show

by amrendra kumar

HTML

<!DOCTYPE html>
<html>
<head>

</head>
<body>


<h2>Display an Element on Hover</h2>


<div class="myDIV">

	<div >Hover over me.</div>
    <div class="hide">-----------------------+ ------------</div>
    
</div>



<div class="myDIV">
	<div >Hover over me.</div>
    <div class="hide">-----------------------+ ------------</div>
</div>




</body>
</html>

CSS

.hide {
 /* visibility: hidden; */
 display: none;
 
}
    
.myDIV:hover > .hide {
  /* visibility: visible; */
  color: red;
  display: block
}