Page Title

Dropdown menu series #3

- - In CSS, we default the menu as closed.

- - In HTML, we remove the onclick attribute at button.

- - In JS, We add load event listener to window.

Read this about why : link

- - In our click event handler, we remove itself.

Now your task is to add a second event listener on the same button, which will hide the menu.

In the second event listener, remove itself, and add the first event listener back, forming an infinite loop.

It is what we will do in lesson 4 of this series, which is one of the three ways to toggle menu with JS.

dropdown #3 removeEventListener