visibility:hidden & display:none :

display : none – Element is removed from DOM at all and no space allocated for this.
visibility : hidden – Element is not completely removed, it just hides from DOM, and space is allocated for it on the page.