Create flipping menu links with this extremely lightweight jQuery plugin.
JavaScript
Latest commit 5a14d73 Jan 27, 2017 @grimmdude update repo homepage

README.md

jQuery menuFlip

Create flipping menu links with this extremely lightweight jQuery plugin.

Usage

HTML:

<ul id="menuFlip">
    <li><a href="link1.html">Link 1</a></li>
    <li><a href="link1.html">Link 1</a></li>
    <li><a href="link1.html">Link 1</a></li>
    <li><a href="link1.html">Link 1</a></li>
</ul>

You can optionally specify the text you want to use for the flipped menu item using the data-flipped-text attribute in each link:

<li><a href="link1.html" data-flipped-text="Flipped Text">Link 1</a></li>

JS:

$('#menuFlip').menuFlip({
    li_height       : '20px', 
    flip_speed      : 150, 
    flipped_class   : 'flipped_item', 
    mouseover       : function() {}, 
    mouseout        : function() {}
});