display:none;
코딩에 존재 없음
공간을 차지하지 않음
 

if ( $('.box').css('display') === 'none' ) {
  $('.box').show();
  /*  $('.box').slidDown(); */
} else {
  $('.box').hide();
  /*  $('.box').slidUp(); */
}

visiblity:hidden, visiblity:visible
코딩에 존재 있음 
공간을 차지하면서 안보임

<style>
 .hide { visiblity:hidden; }
</style>

display : table
하위 tag에 선언

<style>
 .services{
             display:table;
             width:800px;
             border:1px solid;
 } 

 .service div{
             display:table-cell;
             width:50%;
 }
</style>