Kwicks is a MooTools plugin that enables dynamic navigation effects via lists.
Kwicks can be initialized at any time but is generally initialized at the top of the document during the DOMREADY event. The required argument is the ID of the list.
<div id="kwick">
<ul id="kwicks">
<li><a class="kwick john" href="http://en.wikipedia.org/wiki/John_lennon" title="John Lennon"><span>John Lennon</span></a></li>
<li><a class="kwick paul" href="http://en.wikipedia.org/wiki/Paul_mccartney" title="Paul McCartney"><span>Paul McCartney</span></a></li>
<li><a class="kwick george" href="http://en.wikipedia.org/wiki/George_harrison" title="George Harrison"><span>George Harrison</span></a></li>
<li><a class="kwick ringo" href="http://en.wikipedia.org/wiki/Ringo_starr" title="Ringo Starr"><span>Ringo Starr</span></a></li>
</ul>
</div>
window.addEvent('domready', function() {
var kwicks = new Kwicks('kwicks');
});
For specific usage and options, please read the documentation or visit http://davidwalsh.name/js/kwicks