Jquery Div居中

$(document).ready( function (){

// 打开    
 $( " #open " ).click(  function  () {
    
         
            $( " #showBox " ).show().css( " top " ,($(document).height() - 200 ) / 2 ).css("left",($(document).width()-400) / 2  );
          }    );
         
           // 关闭
           $( " #close " ).click(  function  () {
            $( " #showBox " ).hide();
          }    );

    });