Estoy usando jQuery
para hacer hover en el botón que activa una caja, la caja aparece... hasta ahí bien, pero no desaparece cuando ya se ha quitado el cursor, cómo puedo solucionar esto?
$('.hover').hover(function(){
$('.box').css({
"display": "flex"
});
});
body{
height: 100vh;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
}
.box{
height: 200px;
width: 200px;
background-color: #ddd;
display: none;
align-items: center;
justify-content: center;
}
<script
src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<div class="box">
<h1>HOVER</h1>
</div>
<button class="hover">hover</button>