FS

by Charles Butler

HTML

<div id="fullscreen">
    
    <div id="close" class="close" onclick="funcClose(this);">X</div>
    
    
</div>
 

 <button id="go">&raquo; Run</button>

CSS

#fullscreen {
    position: fixed;
    z-index: 1000;
    height: 0%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    top: -100%;
    bottom: 0;
    right: 0;
    left: 0;
    background: #141414;
}

JavaScript

$("#go").click(function(){
  $("#fullscreen").animate({
    top: '0px',
    height:'100%',
  }, 1500 );
});

function funcClose() {
   $("#fullscreen").hide("slow");
}