JSFiddle - React, Tailwind, and code Playground
JavaScript
/**
* Moo code library (http://www.templatekunena.com)
*/
window.addEvent('domready', function(){
/*$$('a.open-link').addEvent('click', function() {
var link = this;
$$('div.tabic').each(function(tabic) {
tabic.fade('out');
tabic.get('tween').chain(function() {
if (tabic.hasClass(link.getProperty('rel'))) {
tabic.setStyle('display', 'block');
tabic.fade('in');
} else {
tabic.setStyle('display', 'none');
}
});
});
return false;
});*/
/*
function mootab(_nav, _body) {
var tabs = _nav.getElements('a.open-link');
var containers = _body.getElements('div.tabic');
tabs.each(function(tab, index) {
tab.addEvents({
click: function(event) {
event.stop();
tabs.removeClass('active');
tabs[index].addClass('active');
containers.fade('out');
//containers.get('tween').chain(function() {
//if (containers.hasClass('active')) {
containers.removeClass('active');
containers[index].addClass('active');
containers[index].fade('in');
//} else {
//containers.fade('out');
//}
//});
// containers.get('tween').chain(function() {
// if (containers.hasClass('active') {
// containers.removeClass('active');
//containers[index].addClass('active');
//containers[index].fade('in');
}
});
});
}
mootab($('tabs-nav'),$('tabs-body'))
*/
/*
$$('li.row').set('morph', { duration: 1000 } );
$$('li.row').addEvents({
'mouseenter': function(e) { e.stop();
this.morph( { 'background-color': '#FFFFFF' } );
},
'mouseleave': function(e) { e.stop();
...