mouseover and mouseout issue

mouseover and mouseout issue


I am working on a project on that when i mouse over on black dot -
1. navigation menu shown and when i mouseout menu hide (this is working properly)
2. When i click on that black dot my navigation menu animation load again(which is wrong) and menu content display But my navigation menu hide(which is need to show that navigation menu and menu content on click).
3. When i click on another navigation dot currently loaded menu and menu content need to be hide and display clickable dot menu and content.

I have attached example file.

Please help me for this

Thanks in Advance