自己编写的HTMl小弹窗

HTML小弹窗写项目时经常遇到，今天自己写了一个：

<!-- 详情小卡片 界面布局  DIV先隐藏  需要显示的时候js修改display的属性-->

<div id="detailSection"  style="display:none;border:1px solid#D6D6D6;height:auto;width:50%;position:absolute;top:24%;left:24%;background: white;z-index:100;">
    <div class="md-content" id="detailBody">
  
    </div>
</div>

 

js：

var detailSection = $('#detailSection').show();