Problem :P...

Ho scaricato da internet un'effetto mootools, per aprire e chiudere un div, funziona come un menù a discesa. Adesso però vorrei impostar il tempo e far durare la chiusura o l'apertura del div un 4-5 secondi. Il file js è:


window.addEvent('domready', function() {




var status = {


'true': 'open',
'false': 'close'
};



//-vertical

var myVerticalSlide = new Fx.Slide('vertical_slide');

myVerticalSlide.hide();

$('v_slidein').addEvent('click', function(e){
e.stop();
myVerticalSlide.slideIn();
});

$('v_slideout').addEvent('click', function(e){
e.stop();
myVerticalSlide.slideOut();
});

$('v_toggle').addEvent('click', function(e){
e.stop();

myVerticalSlide.toggle();
});

$('v_hide').addEvent('click', function(e){
e.stop();
myVerticalSlide.hide();
$('vertical_status').set('html', status[myVerticalSlide.open]);
});

$('v_show').addEvent('click', function(e){
e.stop();
myVerticalSlide.show();
$('vertical_status').set('html', status[myVerticalSlide.open]);
});

// When Vertical Slide ends its transition, we check for its status
// note that complete will not affect 'hide' and 'show' methods
myVerticalSlide.addEvent('complete', function() {
$('vertical_status').set('html', status[myVerticalSlide.open]);
});


//--horizontal
var myHorizontalSlide = new Fx.Slide('horizontal_slide', {mode: 'horizontal'});

$('h_slidein').addEvent('click', function(e){
e.stop();
myHorizontalSlide.slideIn();
});

$('h_slideout').addEvent('click', function(e){
e.stop();
myHorizontalSlide.slideOut();
});

$('h_toggle').addEvent('click', function(e){
e.stop();
myHorizontalSlide.toggle();
});

$('h_hide').addEvent('click', function(e){
e.stop();
myHorizontalSlide.hide();
$('horizontal_status').set('html', status[myHorizontalSlide.open]);
});

$('h_show').addEvent('click', function(e){
e.stop();
myHorizontalSlide.show();
$('horizontal_status').set('html', status[myHorizontalSlide.open]);

});

// When Horizontal Slide ends its transition, we check for its status
// note that complete will not affect 'hide' and 'show' methods
myHorizontalSlide.addEvent('complete', function() {
$('horizontal_status').set('html', status[myHorizontalSlide.open]);


});
});

con window.setTime etc etc non funge o forse non lo metto nel posto giusto...