Hiding a button in Javascript

Question

In my latest program, there is a button that displays some input popup boxes when clicked. After these boxes go away, how do I hide the button?

Answer 1

You can set its visibility property to hidden.

Here is a little demonstration, where one button is used to toggle the other one:

<input type="button" id="toggler" value="Toggler" onClick="action();" /> <input type="button" id="togglee" value="Togglee" />  <script>     var hidden = false;     function action() {         hidden = !hidden;         if(hidden) {             document.getElementById('togglee').style.visibility = 'hidden';         } else {             document.getElementById('togglee').style.visibility = 'visible';         }     } </script> 

Answer 2

visibility=hidden 

is very useful, but it will still take up space on the page. You can also use

display=none 

because that will not only hide the object, but make it so that it doesn't take up space until it is displayed. (Also keep in mind that display's opposite is "block," not "visible")