Posts

Home jQuery

CSS and jQuery Sliding Drawer Navigation Tutorial

What I'm sharing with you today is a simple jQuery sliding drawer navigation tutorial whereas the sliding drawer looks like and has the same animation effect just like the Android navigation drawer.

We were able to achieve the animation effects with the help of jQuery UI. So in our code, we will see the inclusion of jQuery UI and its CSS URL.

On the webpage, there's a trigger located on the upper left corner, that can show or hide the navigation drawer. You can absolutely customize this to look more like an Android action bar but in our example, I'll use a very simple UI just to get you started.

jquery sliding drawer navigation tutorial

Read more