Mootools Delay Problem

Question

Ultimately, I try to delay the fade-out by 5 seconds (page load, fade out after 5 seconds). But now the code bit below throws the error "delay is not a function".

el.fade('out').get('tween').chain(function(){
    el.destroy();
}).delay(5000);

Answer 1

This works where it elis a valid item. I used an element with an identifier demoitemto check it, therefore:

var el = $('demoitem');
(function(){
    el.fade('out').get('tween');
    el.destroy();
}).delay(5000);

delay () is a function that can be bound to functions, not to the HTMLElement chain.

Answer 2

Delay is a function method that should work:

el.fade('out').get('tween').chain(function(){
    el.destroy();
}.delay(5000));

Answer 3

(function(){
    var el = $('fade');
    el.fade('out').get('tween');
    el.destroy();
}).delay(5000);