我有以下div
CSS
- .description {
- color: #b4afaf;
- font-size: 10px;
- font-weight: normal;
- }
HTML
- <div class="description">Some text here </div>
然后我有一个元素的点击函数来隐藏上面的div：
- $('#target').click(function(){
- $(".description").hide();
- });
当我隐藏div，它会崩溃(停止占用任何空间)。这是搞乱我的页面的布局。
有没有办法我可以隐藏的div，但仍然占用它之前的空间？我不想改变字体颜色，因为它仍然可以选择。
谢谢
解决方法
使用
visibility css属性
能见度：
The visibility property specifies whether the Boxes generated by an
element are rendered.
- $(".description").css('visibility','hidden');
演示：Fiddle
