Need help with my navbar

Question

I don't know how to post code here, but even if I could I can't get the javascript/ JQuery to load properly in the playground even though it works fine in my chrome browser (I'm also using atom text editor if that helps?) I saved my code no my profile if you can see it there. My question is: how can I get my animation to work more than once? Right now when i click on my individual navbar tabs, they fall off the page in random directions downward. After they have been clicked once, they no longer spin for my @keyframe section in the CSS. I've tried even making it a separate class so i can call it every time i click and it still doesn't work. Any help would be greatly appreciated! thank you!

Answer 1

Here is Brent's code:

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

Answer 2

I think it's because when you click a tab the first time, it adds the css with the animation. When you click it again, it isn't treating it like a completely new animation. I think you should try a different approach, or find a way to remove the css each time you click, right before adding it again. I'm sure there's a jQuery function along these lines somewhere in its documentation.