I have the following div element:

.description {
  color: #b4afaf;
  font-size: 10px;
  font-weight: normal;
}
<div class="description">Some text here</div>

Then I have a click function on an element to hide the above div:

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

When I hide the div, it collapses and stops taking up space. This messes up the layout of my page.

有没有办法隐藏div,但仍然保持它之前占用的空间?我不想改变字体 colored颜色 ,因为它仍然是可选的.

推荐答案

Use visibility css property for this

能见度:

Visibility属性指定由 元素被呈现.

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

Demo: Fiddle

Jquery相关问答推荐

禁用提交按钮,直到所有字段都有值

我们如何在不重新加载页面的情况下使用 javascript/jQuery 更新 URL 或查询字符串?

无法在被动事件侦听器中阻止默认值

如何获取文档的滚动位置?

scrollIntoView 是否适用于所有浏览器?

在不使用提交按钮的情况下触发标准 HTML5 验证(表单)?

jquery:更改URL地址而不重定向?

点击时保持 Bootstrap 下拉菜单打开

使用 JQuery 激活 bootstrap 选项卡

消除移动 Safari 中点击事件的 300 毫秒延迟

jQuery 按值 Select 选项元素

设置 JQuery event.preventDefault() 时绕过 window.open 上的弹出窗口阻止程序

jQuery: Select 不为空的数据属性?

在未实现接口 FormData 的对象上调用附加

你如何记录jQuery中一个元素触发的所有事件?

D3 和​​ jQuery 有什么区别?

使用 moment.js 将日期转换为字符串MM/dd/yyyy

jQuery中的wait()或sleep()函数?

jQuery / Javascript - 如何将像素值 (20px) 转换为数值 (20)

jQuery:通过 .attr() 添加两个属性;方法