Masquer la div mais conserver l'espace vide

Question

J'ai l'élément div suivant :

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

Du texte ici

Ensuite, j'ai une fonction de clic sur un élément pour masquer le div ci-dessus :

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

Lorsque je masque le div, il se réduit et cesse de prendre de l'espace. Cela perturbe la mise en page de ma page.

Y a-t-il un moyen de masquer le div, mais de conserver l'espace qu'il occupait avant ? Je ne veux pas changer la couleur de la police car elle resterait toujours sélectionnable.

Answer 1

Il existe de nombreuses façons de le faire en CSS.

• visibility: hidden; // préféré
• transform: scale(0);
• z-index: -999999; // ne fonctionne pas avec un positionnement spécifique
• opacity: 0; // les événements de clic et d'entrée fonctionnent toujours