Como ocultar elemento div con jQuery en un solo click

  • Autor Autor matimagallanes
  • Fecha de inicio Fecha de inicio
matimagallanes

matimagallanes

VIP
Eta
SEO
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Suscripción a IA
Consulta !

Necesito ocultar #div despues del primer click .

alguien podria ayudarme? 😛7:


jQuery ( document ).ready( function() {
$( "#capa" ).mousemove( function( e ) {
$( '#div' ).css( {
top: e.pageY - 0,
left: e.pageX + 0
} );
 
Insertar CODE, HTML o PHP:
[COLOR=#000000]$( "#capa" ).click( function( e ) {[/COLOR]
[COLOR=#000000]$( '#div' ).css("display", "none");[/COLOR]
}

o

Insertar CODE, HTML o PHP:
[COLOR=#000000]$( "#capa" ).click( function( e ) {[/COLOR]
[COLOR=#000000]$( '#div' ).hide();[/COLOR]
}

o

Insertar CODE, HTML o PHP:
[COLOR=#000000]$( "#capa" ).click( function( e ) {[/COLOR]
[COLOR=#000000]$( '#div' ).slideUp();[/COLOR]
}
 
Última edición:
Hola, podés usar fadeOut() para ocultar el div, dándole un efecto más elegante (el parámetro es el tiempo en milisegundos), o podés usar la función .css('display', 'none'), o .hide(), o .slideUp(), según tus necesidades.

Ej:

Insertar CODE, HTML o PHP:
$(document).ready(function() {
   $('#boton').click(function() {
      $('#div').fadeOut(200);
   });
})
 
Porque te la complicas tanto? solo con el evento click y la funcion hide funciona perfecto. para volver a mostrar utiliza show. Saludos
Consulta !

Necesito ocultar #div despues del primer click .

alguien podria ayudarme? 😛7:


jQuery ( document ).ready( function() {
$( "#capa" ).mousemove( function( e ) {
$( '#div' ).css( {
top: e.pageY - 0,
left: e.pageX + 0
} );
 
Insertar CODE, HTML o PHP:
[COLOR=#000000]$( "#capa" ).click( function( e ) {[/COLOR]
[COLOR=#000000]$( '#div' ).css("display", "none");[/COLOR]
}

o

Insertar CODE, HTML o PHP:
[COLOR=#000000]$( "#capa" ).click( function( e ) {[/COLOR]
[COLOR=#000000]$( '#div' ).hide();[/COLOR]
}

o

Insertar CODE, HTML o PHP:
[COLOR=#000000]$( "#capa" ).click( function( e ) {[/COLOR]
[COLOR=#000000]$( '#div' ).slideUp();[/COLOR]
}


Excelente !

Muchas Gracias :welcoming:
 
Cuando hacen el primer click en cualquier parte.

HTML:
$(document).on('click', ocultarDiv);

function ocultarDiv(event){
    $('#eldiv').fadeOut();
}
 
Y como harian para digamos en un click oculte y en el siguiente pase a mostrarse o sino al revez en caso contrario?
 
Atrás
Arriba