jquery css Div (popup) shows hidden layers

CSS Code Snippets

. CRM_TC_BG{width:100%;Height:100%;position:fixed;Display:Block;Top:0; Left:0;background:#000;Filter:APHA (opacity=50);-moz-opacity:0.5;Opacity:0.5;Z-index: +;}. Crm_tc_box{width:300px;Min-height:200px;Max-height:300px;Overflow-x:Hidden;overflow-y:Auto;Display:Block;position:Absolute; Left:50%;Margin-left:-150px;Top:50%;Margin-top:-100px;Z-index:1001;background:#fff;}

HTML code does not show hidden layers by default

<DivID= "Card_popup"style= "Display:none"><Divclass= "CRM_TC_BG"></Div><Divclass= "Crm_tc_box">    <H3><!--<span> name </span> -<imgsrc= "Image/closed_ico.png"class= "Close_ico"></H3>    <Divclass= "Tableform_wrap">pop-up text in the box. </Div>    <Divclass= "Tableform_wrap_p"><P><ahref="#"class= "Close_ico">Confirm</a></P></Div></Div></Div>

JS (jquery) code shows hidden layers

$ (' #card_popup '). Removeattr ("style")

JS (jquery) code close hidden layer

<script type= "Text/javascript" >     $ (document). Ready (function() {        $ (". Close_ico "). Click (function(e) {            $ (' #card_popup '). Hide ();        });        });         </script>    

jquery css Div (popup) shows hidden layers