Encontre este script (
http://digitarald.de/project/simple-...ase/ajaxified/) de tabs con mootools 1.2 que encaja perfecto en mi proyecto.
Me gustaría poder darle una animación de transición al contenido cuando hago click en una solapa, pero sinceramente no me sale...
Ademas de tener la libreria mootools y SimpleTabs incluidas en la web, tengo el siguiente script:
Código:
window.addEvent('domready', function() {
new SimpleTabs($('demo-block'), {
selector: 'h4'
});
});
Supuestamente habría que incluir ahí mismo las sentencias para que sea animado, pero no logro que funcione.
Alguien me puede dar una mano?
En la web dan esto como ejemplo pero no me funciona :(
Código:
/**
* This is in another tab block and defines overrides the default event
* for onShow with an opacity animation.
*
new SimpleTabs($('tab-block-3'), {
entrySelector: 'h6',
onSelect: function(toggle, container) {
toggle.addClass('tab-selected');
container.effect('opacity').start(0, 1); // 1) first start the effect
container.setStyle('display', ''); // 2) then show the element, to prevent flickering
}
});
*/
Gracias!