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



<script async src="//jsfiddle.net/andersonkoh/y6s9esnh/2/embed/"></script>

如您所见,当我选择请求然后 .show 我的 .request-row 但它会下降,当我右键单击>在浏览器中检查时,它显示 .query-row 是隐藏的,但占用了空间。如何使其在同一行中而不将其向下推?

你应该隐藏它本身<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

最新更新