Hi,
This is my first post here, and I really need your help.
Please help on adding a Slide&Fade effect, and a Delay, on the following
Mootools code:
---------------------
$('updates_pulldown').addEvents({
mouseenter: function(){
$('updates_pulldown').removeClass('updates_pulldown').addClass('updates_pulldown_active')
$('pulldown_contents_wrapper').set('tween', {
}).show();
},
mouseleave: function(){
$('pulldown_contents_wrapper').set('tween', {
}).hide();
$('updates_pulldown').removeClass('updates_pulldown_active').addClass('updates_pulldown');
},
});
---------------------
I have tried some things as you can see below, but nothing worked for me:
---------------------
$('updates_pulldown').addEvents({
mouseenter: function(){
$('updates_pulldown').removeClass('updates_pulldown').addClass('updates_pulldown_active')
$('pulldown_contents_wrapper').set('tween', {
duration: 1000,
physics: 'pow:in:out',
transition: Fx.Transitions.Bounce.easeOut // This could have been
also 'bounce:out'
}).SlideOut();
},
mouseleave: function(){
$('pulldown_contents_wrapper').delay(1000).set('tween', {
duration: 1000,
}).SlideIn();
$('updates_pulldown').removeClass('updates_pulldown_active').addClass('updates_pulldown');
},
});
-----------------------
Thanks a lot.