jquery to javascript converter - ¿Cómo puedo comprobar si un elemento está oculto en jQuery?

jquery equivalent javascript / javascript / jquery / dom / visibility

¿Es posible alternar la visibilidad de un elemento usando las funciones .hide() , .show() o .toggle() ?

Nicolas Gervais



Answer #1

opacity:0 oculta el elemento como "visibilidad: oculta" y aún ocupa espacio en el diseño; la única diferencia es que la opacidad permite hacer que un elemento sea parcialmente transparente;

opacity:0 oculta el elemento como "visibilidad: oculta" y aún ocupa espacio en el diseño; la única diferencia es que la opacidad permite hacer que un elemento sea parcialmente transparente;

if ($('.target').is(':hidden')) {
  $('.target').show();
} else {
  $('.target').hide();
}
if ($('.target').is(':visible')) {
  $('.target').hide();
} else {
  $('.target').show();
}

if ($('.target-visibility').css('visibility') == 'hidden') {
  $('.target-visibility').css({
    visibility: "visible",
    display: ""
  });
} else {
  $('.target-visibility').css({
    visibility: "hidden",
    display: ""
  });
}

if ($('.target-visibility').css('opacity') == "0") {
  $('.target-visibility').css({
    opacity: "1",
    display: ""
  });
} else {
  $('.target-visibility').css({
    opacity: "0",
    display: ""
  });
}

Métodos útiles de alternancia de jQuery:

$('.click').click(function() {
  $('.target').toggle();
});

$('.click').click(function() {
  $('.target').slideToggle();
});

$('.click').click(function() {
  $('.target').fadeToggle();
});