El problema es que cuando quiero ponerme en la barra de búsqueda se me oculta de nuevo y no se como hacer que se quede cuando estoy encima de ella.
<div style="display: none;" class="input-group mb-3" id="barra">
<input type="text" class="form-control" placeholder="Buscar..."/>
<div class="input-group-append">
<button class="btn btn-dark fas fa-search" type="button"></button>
</div>
</div>
El script de Jquery que tengo es el siguiente:
$(document).ready(function () {
$("#buscador").hover(function () {
$("#barra").slideToggle();
});
});
El id "buscador" hace referencia a un elemento de una lista