使用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