Hola a la comunidad, estoy tratando de ponerle un efecto a mi web.
Les cuento rápido. Tengo un Form q está en un div oculto (dispaly:none), pues lo que yo quiero es que cuando clickee en el boton formulario aparezca el div, pero que lo haga con efecto de Tween. Este es mi código:
$('formins').addEvents(
{
'click': function()
{
// Always sets the duration of the tween to 1000 ms and a bouncing transition
// And then tweens the height of the element
this.set('tween', {
duration: 1000,
transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
}).tween('width', '200px');
},
'click': function(){
// Resets the tween and changes the element back to its original size
this.set('tween', {}).tween('width', '500px');
}
});
Lo que quisiera es que en lugar de tener que hacer click para que el efecto se reproduzca, lo haga cuando el div aparece. ¿Como puedo hacerlo?
Les aclaro que el codigo para aparecer el div es este:
function mostrardiv() {
div = document.getElementById('formcontainer');
if (div.style.display =='block')
{div.style.display ='none';}
else {div.style.display ='block';}
}
Muchas gracias de antemano.
