Engaged Social Menu

Note: if the animation don't change try to refresh the page

Download Engaged Menu

Introduction

Engaged social menu is free to use and is a super simple menu that can be easily integrated into any website including Wordpress. Some of the beautiful icons from font awesome has been used to increase the beauty. Menu is meant for sites, that needs to preview their social status prominent and more visible to users.

Clean design
Simple code
jQuery Animation
Free Fonts by Font Awesome

How to Use

There are 4 files that must be included, for the menu to work perfectly. These are;

Engaged.css
Font-awesome.css
Engaged.js
jQuery.js

Demo is included with with other files. Two file named as demo.css and demo.js are optional and can be removed. There are four menus which are identified by the following ids;
<nav id="engaged"> is right top menu, it can be stretched to 100% width.
<nav id="engaged-left-top"> is left top menu with min-width of 200px;
<nav id="engaged-left-aligned"> and
<nav id="engaged-right-aligned"> are left and right ones respectively.

How to change Animation

By default only one animation will work if demo.js is removed. If user want to change the animation open file engaged.js and find "openDownLeft" in here;

   $all.mouseenter(function(){
        $(this).addClass("magictime openDownLeft");
    });
    $all.mouseleave(function(){
           $(this).removeClass("magictime openDownLeft");
    });

Now instead of "openDownLeft" following animations can be selected.

openDownLeft
openDownRight
openUpLeft
openUpRight
twisterInDown
twisterInUp
swap
puffIn
vanishIn
openDownLeftRetourn
openDownRightRetourn
perspectiveDownRetourn
perspectiveUpRetourn
perspectiveLeftRetourn
perspectiveRightRetourn
slideDown
slideLeft
slideRight
tinRightIn
tinLeftIn
tinUpIn
tinDownIn

Demo contain four different navigation menus. You may choose your own style and alignment, or even the full width on top. User may customize the menu but it is important not to remove the call to function engaged. Otherwise there will be no animation.
with love by Top Gravity