How to toggle show or hide div/element on click of button using JavaScript & CSS | Beginners guide

In this video tutorial, I am going to show you how to toggle between hiding and showing an HTML element using just JavaScript and CSS on click a button. You can use OnClick event on the button to trigger a function that will show or hide the div or show or hide the element when button is clicked.

Timestamps:
0:00 Intro
2:16 Show div on click of button
5:40 Hide div on click of button

[Sky-omlv]

Cara você acabou de salvar meu TCC, muito obrigada!!

[MC-chgj]

omg your explanation is way better than my teacher's!! you should teach at my school!! Most of there classes are online anyhow!

[ChadCredeur]

Exactly what I needed, thanks so much!

[vyitbit]

It still won’t let me open the container any advice?

[arminhodzic]

Thank you. Which parametres would be necessary to change when applying this to multiple individual tables?

[salsaalya]

plase how to revealed before click on button

[sheezanawaz]

Sir I have multiple element and i want to apply eventlistener on these element but when i click single element/button all elements are toggle . but i want show element on individually click on button

[manjuraj]

Correctly explained, and working, thank you. But when the project starts the message is on display and when button is clicked it hides. How can I keep the message hidden when the project starts ?