How do I make use of jquery to animate my menu bar

Question

How do I make use of jquery to animate my menu? I want to make sure the menu bar appears whenever I click the menu
https://code.sololearn.com/WN1JJ1nIW7af/?ref=app

Answer 1

and make the menu bar disappear when i click the menu

Answer 2

Menus like this are harder to animate size you don't know the actual width.
You could inspect it or calculate it but you shouldn't since it can change when longer items are added.

From 0px width, you can return the original width by setting it to "auto".
But you can't animate "auto" values.

https://code.sololearn.com/Wp4fP3S8XclK

I added css transition to it and made the overflow hidden.