nuTabs 1.0

nuTabs - MooTools-based, transitionified switcherification!



Details

Author
Oskar Krawczyk
Current version
1.0
GitHub
oskarkrawczyk/nuTabs
Downloads
3402
Category
Interface
Tags
Report
GitHub Issues

Releases


Dependencies

  • core/1.2.3:
    • Class.Extras
    • Element.Event
    • Element.Style
    • Element.Dimensions
    • Fx.Tween
    • Fx.Morph
    • String
    • Array
  • more/1.2.3.2: Element.Measure

How to use

JavaScript

$$('#tabs-nav a, #tabs-body li').tabify({
    transition: 'bounce:out'
});

Or

new nuTabs($$('#tabs-nav a'), $$('#tabs-body li'), {
    transition: 'bounce:out'
});

HTML

<ul id="tabs-nav">
    <li class="selected"><a href="#">Tab 1</a></li>
    <li><a href="#">Tab 2</a></li>
    <li><a href="#">Tab 3</a></li>
</ul>

<ul id="tabs-body">
    <li class="active">Content 1</li>
    <li>Content 2</li>
    <li>Content 3</li>
</ul>

Options

All options have default values assigned, hence are optional.

Version 1.0

  • transition: (mixed) the object or string of a specific transition, ie. "bounce:out"
  • navActiveClass: (str) active class name for the tabs

Discuss

A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.

Found a bug in this plugin? Please report it this repository's Github Issues.

blog comments powered by Disqus