jQuery Expand Width / Height

by Charles Butler

HTML

<div id="modal_window">Blah blah blah</div>

CSS

#modal_window {
    position:absolute;
    height:100%;
    width:100%;
    background:black;
    color:white;   
}

JavaScript

var modalHeight = $("#modal_window").height();
    var modalWidth = $("#modal_window").width();
    var winHeight = $(window).height();
    var winWidth = $(window).width();

        
    
    var offsetH1 = winHeight/2;
    var offsetH2 = (winHeight-modalHeight)/2;
    var offsetW = (winWidth-modalWidth)/2;

    $("#modal_window").css({ top:offsetH1, left:offsetW, height:'0px' }).animate({ top:offsetH2, height:modalHeight });