JS Button Toggle

 function Loadevent () {
 $ (". Js_tabtit Li,.        Js_tabtit a "). On (" click ", Function (e) {
 $ (this). AddClass (" active "). Siblings (). Removeclass (" active "); 
 var index = $ (". Js_tabtit Li,. Js_tabtit a "). Index (this); 
 $ (". Js_tabcon "). EQ (index). Show (). siblings (). Hide (); 
}); 
 $ (". Aptitudestyle li img"). each (function () {
 $ (the). Click (function () {
 var src = $ (This ). attr (' src '); 
 
 $ ("Body"). Append (' <div class= ' browseimg ' ></div> ', ' <div class= ' bodybg ' ></div> ') ; 
 $ (". Browseimg"). Append (" '); 
 $ ("body"). CSS ("Overflow", "hidden");                
 
 $ (". BODYBG"). Click (function () {
 $ (". Browseimg"). HTML (""); 
 $ ("Body"). CSS ("Overflow", "" "); 
 $ (". BROWSEIMG,.BODYBG"). Remove (); 
}); 
 
}); 
}); 
} 
 
 
 

. browseimg {
   position:fixed;
   top:50%;
   left:50%;
   Margin: -267px 0 0-387px;
   width:714px;
   height:494px;
   Overflow:hidden;
   border:1px solid #666666;
   Background: #fff;
   padding:20px;
   z-index:999;
}
. browseimg span {
   Position:absolute;
   top:0;
   right:0;
   Display:block;
   Background: #fff URL (... /images/icon/pop_close.png) No-repeat Center;
   width:25px;
   height:25px;
   Overflow:hidden;
   Cursor:pointer;
}
. browseimg img {
   width:100%;
   height:100%;
}
. BODYBG {
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:100%;
   Background: #a0a0a0;
   Filter:alpha (opacity=60);  
   -moz-opacity:0.6;  
   -khtml-opacity:0.6;  
   
   
}

JS Button Toggle