jquery - mostrar - Ocultar div pero mantener el espacio vacío
ocultar div html5 (5)
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.
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
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.
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
Y otra opción en aras de la integridad. Conmutar opacity :
$(".description").css(''opacity'', 0); // hide
$(".description").css(''opacity'', 1); // show
Sin embargo, se prefiere usar visibility para esta tarea.
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.