<script async src="//jsfiddle.net/andersonkoh/y6s9esnh/2/embed/"></script>如您所见，当我选择请求时 .show my .request-row 但是当我右键单击 > Inspect in browser 时它显示.enquiry-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
关于JQuery .hide & .show 即使是隐藏也占空间，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48031101/