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