JQuery .hide& .show占据空间甚至是隐藏

时间:2017-12-30 04:56:59

标签: jquery css html5 bootstrap-4



<script async src="//jsfiddle.net/andersonkoh/y6s9esnh/2/embed/"></script>
&#13;
&#13;
&#13;

正如您所看到的,当我选择请求时,然后。显示我的 .request-row 但是当我右键单击&gt;时它会关闭在浏览器中检查它显示 .enquiry-row 被隐藏但占用空间。如何在不推动它的情况下将它放在同一行?

1 个答案:

答案 0 :(得分:1)

你应该隐藏它本身<div class="col col-6">而不是隐藏在<div class="col col-6"><div id="enquiry-row" style="display:none;"></div></div>内部的元素,在你的情况class="col col-6"中,这会占用元素的空间。

所以它应该是这个<div class="col col-6" id="enquiry-row" style="display:none;"><div></div></div>

以下是 JSFIDDLE