How do I create a drop down in the sidenav?

Question

How do I create a drop-down that toggles between visible and invisible when clicked on a link the the sidenav menu?
Thanks in advance

https://code.sololearn.com/WQ383vPhQOMw/?ref=app

Answer 1

1. Create a button on sidenav
2. Attach onClick listener to it.
3. Create a div , which contains your drop down content.
4. on that onClick listener, toggle div's class for display block or none.

Resources:
https://www.google.com/url?sa=t&source=web&rct=j&url=https://m.youtube.com/watch%3Fv%3Do0YiZF9XZL0&ved=2ahUKEwiU9YWW2v7oAhXIH7cAHURwBAMQt9IBMA56BAgLECQ&usg=AOvVaw3_5MgEQ7O7EkB1wFbBxJv6

https://www.w3schools.com/css/css_dropdowns.asp

Answer 2

Thanks but I want the drop down in the sidenav itself

Answer 3

Yeah put everything inside that sidenav div.

You can also search for Accordion , you can get some inspiration from that.

Answer 4

Thank you