使用mootools创建选项卡

Question

如何使用mootools创建三个标签？

Answer 1

function mootab(_nav, _body) {
    var tabs = $(_nav).getElements('a');
    var containers = _body.getElements('li');

    tabs.each(function(tab, index) {
        tab.addEvents({
            click: function(event) {
                event.stop();

                tabs.removeClass('active');
                tabs[index].addClass('active');

                containers.removeClass('active');
                containers[index].addClass('active');
            }
        });
    });
}

mootab($('tabs-nav'),$('tabs-body'))

以下示例更具可重用性：Fiddle