Help me style my dropdown

Question

So I have this code. I want to know if it's possible to style it like a dropdown, where the links inside will move with the div and hide when it's closed. And if so, how? If You send me the code, please include comments to explain everything. I'm not using this for anything, I just want to know how for future reference.
https://code.sololearn.com/WyOu214KFJg5/?ref=app

Answer 1

Something kind of like this?
https://code.sololearn.com/W2es7u6ryJN5/?ref=app

Answer 2

Zeke Williams It's a start, but I want it to animate with the div. You can completely re-write it if that helps.

Answer 3

I see. I believe I tried to solve the very same problem you are having. The solution I came to was a "sliding" menu as opposed to a "shrinking-growing" menu. Just run this and use the menu:
https://code.sololearn.com/W7StKWhLd5dH/?ref=app
Otherwise, I would suggest trying Bootstrap collapse functions.