折叠DIV零高度

Question

OK，我需要的应该是很简单，但我似乎无法弄清楚如何使它发挥作用：

• 我有一个块（<div id="searchArea" class="collapse in"></div>），我“M试图瓦解/显示

• 我用以下标准的引导代码：

  <div class="row" style="margin-left:20px;"> 
       <button data-toggle="collapse" data-target="#searchArea">SEARCH</button> 
  </div> 
  

现在，这里是：

• 我该如何从启动时崩溃的块开始？
• （最重要）为什么所谓的“隐藏”块在折叠时仍然保持一定的高度？ （例如，它确实崩溃但不为零，它仍然完全可见）。这怎么解决？

Answer 1

1. 我怎么能开始与块坍塌启动？

   删除.in从#searchArea有<div id="searchArea" class="collapse"></div>

2. 为什么在所谓的 “隐藏” 块，坍塌的时候，仍然保持一定高度？ （例如，它倒塌了，但不为零，这是 仍然完全可见）

   显然要倒塌块已分配的填充，这就是给
   你的视觉占位块时崩溃。您应该删除块中的填充物，或者您可以尝试在#searchArea上使用box-sizing: border-box。

Answer 2

如果你给我们一些代码在这里，它会是有用的，但尝试;

display : none; 

代替

display : hidden; 

，你可以做身体这onload属性，除非如果你正在使用jQuery使用slideUp你不使用jQuery的

Answer 3

。它会滑动div并display:none;