前端 div 无空白隐藏

话不多说，先看图

在上图红色框框 框住的地方其实是有隐藏的 div，动态的显隐，但是作为一个强迫症患者来说，看起来很难受，所以想办法优化了一下，下面废话不多说直接贴上代码。。。

                                             <div role="row"  class="name">
<div role="control" label="姓名">
<input id="name" class="mini-checkboxlist"
 bind="cnsCinfo.name" />
</div>
</div>

                                             //在加载时隐藏

                                             $("div[class^='name']").addClass("hidden");

在最外层 div 加上 class 属性，然后在页面加载时先将它隐藏

那想让它显示怎么办呢？只需要下面一行代码就行了，以上面的代码为例

$(".name").removeClass("hidden");

最后我们来看一下优化过的效果 

以上代码仅供参考，大神勿喷！