Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Ut enim massa, sodales tempor convallis et, iaculis ac massa.
AVAILABLE CLASSES .nav-animate-fadeIn .nav-animate-fadeInUp .nav-animate-bounceIn .nav-animate-bounceInUp .nav-animate-flipInX .nav-animate-flipInY .nav-animate-zoomIn .nav-animate-slideInUp .nav-hover-animate = animate text on hover .open-inverse = dropdowns open inversed Please note: as you can see in the example, you can add an effect to each dropdown. If you want to add the same effect to all dropdowns, add an animation class to #topMain only! Please note: FLIPIN Y dropdown - it's childs are open on the other side. You can do this by adding .open-inverse class to a specific LI child. Example: <ul id="topMain" class="nav nav-pills nav-main nav-animate-zoomIn nav-hover-animate">