效果图:
使用jquery把div隐藏之后,直接把原来的红色div空间取消了,样式发生了错误,研究了下,发现在div中加入样式就可以了,干货如下:
<label class="col-sm-2 control-label" for="speed_details_add" id="speed_details_add_label" style="visibility:visible;">转速</label>
<div class="col-sm-4">
<input class="form-control" id="speed_details_add" type="text" placeholder="请输入转速" style="visibility:visible;"/>
</div>
$("#speed_details_add_label").css({
visibility: 'hidden',
});
$("#speed_details_add").css({
visibility: 'hidden',
});
这样占用红色部分div的空间隐藏,空间就不会消失,如果你需要隐藏的div不占用空间,就更简单了,不需要加样式,直接:
$("#id").addClass('hidden');
这样红色部分的div隐藏就直接把占用的空间不占用了~