drop down menu for beginners

I am learning Javascript right now and am looking to start as soon as possible, but I don't know where to begin.

In my mind I would like the user experience to be as simple as possible; focused on the centre of the screen, on a single drop down menu, of which when a choice is selected that menu visually slides out of the way (so the user doesn't feel disoriented), as a new one slides in, and so forth, until the selections are exhausted.

What should I look into to achieve this please ?

 

Using JS for menus is not a good idea in my book. If the UA does not have working eyeballs, how will the UA navigate the page? For example, indexing bots do not have eyeballs, so HOW will they find your pages so that the search engines can index them? That is assuming that you want people to find your site via Google, Bing, etc.

 

Hmm, good point. I don't know.

I found the following: https://codepen.io/balapa/pen/zvObzO

If you can imagine that the questions continue until their logical conclusion, and then the user would be take to the page.

I don't know if questions are used as searchable metadata (probably?) but surely I could embed that somewhere in the code ?

 

Seconded, particularly since these days such things can be implemented in HTML/CSS without a single blasted line of JS... either via the :target technique mixed with :hover, or the "input:checked~ul" method.