The display property also allows the author to show or hide an element. It is similar to the visibility property. However, if you set display:none, it hides the entire element, while visibility:hidden means that the contents of the element will be invisible, but the element stays in its original position and size.
Understanding ‘display: none’ and ‘visibility: hidden’ in CSS, Understanding ‘display: none’ and ‘visibility: hidden’ in CSS, Understanding ‘display: none’ and ‘visibility: hidden’ in CSS, Understanding ‘display: none’ and ‘visibility: hidden’ in CSS, The code works well in chrome and firefox but in IE and safari, the options with display:none are still showing up. Here is the jsfiddle of the code: 34 37 … 71 Eye
