jquery - div を非表示にしますが、空のスペースはそのままにします

Question

次の div 要素があります。

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

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

次に、要素にクリック機能を付けて、上記の div を非表示にします。

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

div を非表示にすると、div が折りたたまれてスペースを占有しなくなります。これにより、私のページのレイアウトが台無しになります。

div を非表示にする方法はありますが、以前に使用していたスペースを維持する方法はありますか? フォントの色はまだ選択可能であるため、変更したくありません。