MooNav 0.3

A tab system for MooTools with transition or not (slide, fade, none).



Details

Author
DjLeChuck
Current version
0.3
GitHub
DjLeChuck/MooNav
Downloads
3467
Category
Interface
Tags
Report
GitHub Issues

Releases


Dependencies

  • _self_/_current_:
    • core/1.3.1: '*'
    • more/Fx.Slide

How to use

MooTab can be easily use, with just one line! But we also have possibility to customize some points.

There are three ways to do the transition: - none (default) - slide (up/down for the moment) - fade

There are some examples: - Basic, without transition effect and the default class new MooNav();

- Custom with slide effect and redefinition of tabs, parts and active class
new MooNav({
    tabs: '.onglet_slide',
    parts: '.partie_slide',
    transition: 'slide',
    classActive: 'actif_bis'
});

- Custom with fade effect, redefinition of tabs and parts class and custom first active tab
new MooNav({
    tabs: '.onglet_fade',
    parts: '.partie_fade',
    transition: 'fade',
    firstActiveTab: 2
});

There isn't any other methods to call, all is done!

You can add tabs with the addTab(li_content, div_content). For example : myNav = new MooNav(); myNav.addTab("Tab name", "Tab content");


Screenshots


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