Tengo un formulario que está oculto, y un botón “Mostrar” que al presionarlo muestra el formulario… La idea es que cuando haga click fuera del elemento (formulario) debe ocultarse… El problema es que cuando hago click en el formulario también se oculta…
Se supone que con la negación le estoy diciendo que no oculte si presiono ciertos elementos, Pero no funciona.
$("*:not(#boton_mostrar, #frm_nuevo)").on("click", function(){ … });
¿Cómo puedo hacer para que no oculte si presiono el formulario?.. Gracias de antemano.
$(function(){
//oculta al hacer click fuera del elemnto (formulario)
$("*:not(#boton_mostrar, #frm_nuevo)").on("click", function(){
if ($("#frm_nuevo").is(":visible")){
$("#frm_nuevo").slideUp();
}
});
//Muestra elento (formulario)
$("#boton_mostrar").on("click", function(event){
$("#frm_nuevo").slideToggle();
event.stopImmediatePropagation();
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<button id="boton_mostrar">Mostrar</button><br><br>
<form id="frm_nuevo" style="display:none">
Nombre: <input><br>
Apellido: <input><br><br>
</form>
</body>
#boton_mostrar,