jquery隐藏div 占用空间

效果图：

使用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隐藏就直接把占用的空间不占用了~