jquery - mostrar - Ocultar div pero mantener el espacio vacío

ocultar div html5

Question

Tengo el siguiente div

CSS

.description {
    color: #b4afaf;
    font-size: 10px;
    font-weight: normal;
}

HTML

<div class="description">Some text here </div>

Luego tengo una función de clic en un elemento para ocultar el div anterior:

$(''#target'').click(function(){
  $(".description").hide();
});

Cuando oculto el div colapsará (deja de tomar espacio). Esto está jugando con el diseño de mi página.

¿Hay alguna manera de poder ocultar el div pero aún tomar el espacio que estaba tomando antes? No quiero cambiar el color de la fuente porque aún sería seleccionable.

Gracias

Answer 1

Es importante tener en cuenta que el ejemplo de dfsq que dfsq : 0 aún permitirá seleccionar, copiar / pegar el contenido, etc., aunque no hay texto visible resaltado al seleccionar.

Answer 2

Tratar:

$(".description").css("visibility", "hidden")

hide() es el equivalente a: $(".description").css("display", "none");

Lo cual no reserva el espacio que estaba tomando el elemento.

Hidden hace que el elemento sea invisible, pero Stills se reserva el espacio.

Answer 3

Utilice la propiedad css de visibility para esto

visibilidad:

La propiedad de visibilidad especifica si se representan los cuadros generados por un elemento.

$(".description").css(''visibility'', ''hidden'');

Demostración: Fiddle

Answer 4

Y otra opción en aras de la integridad. Conmutar opacity :

$(".description").css(''opacity'', 0); // hide
$(".description").css(''opacity'', 1); // show

http://jsfiddle.net/KPqwt/

Sin embargo, se prefiere usar visibility para esta tarea.

Answer 5

puedes envolver otro div alrededor del exterior y probablemente decirle una altura específica para ocupar. de esa forma, su div interno puede mostrar y ocultar y desaparecer, etc., y el div externo mantendrá el estado real en la página.