How can I make the container appear when the button is clicked and removed when the button is clicked again?

Question

JavaScript

There is a container:

<div id="nav" class="one">
      <div class"one_s">Привет</div>
  </div>

How to make it appear on the page when you click on the button, and disappear when you click again, etc.?

Answer 1

Cube Cube I
use jquery.
You need to add this container:
How to specify in your example that it is this container that needs to be added / removed on click?

Answer 2

If you are using jquery then .toggle() will help.

$("button").click(function() {
  $("div").toggle();
});

Answer 3

<style>
#hello.hidden{
    display:none
}
</style>
<div id="hello">Привет</div>
<button onclick="document.querySelector('#hello').classList.toggle('hidden')">click</button>