How to Create a Flyout Menu Like the one in my WordPress Dashboard

I am using the latest version of wordpress and the latest version of buddypress. I love the left navigation menu in my wordpress backend. The way it neatly arranged and the way the flyout menu moves out keeps me hovering over it each time I go the back end. Now I want to embed this same feature in the front end of my site. If anyone knows the css and the html or anything that I can use to achieve this, I will surely appreciate. I really need this, someone please help me out!