Question

I’ve written the following function with hopes to add 1px onto the top margin to animate a window sliding out of the page.

Currently it works fine and removes the window from the page, However I’m having problems creating the delay interval in each iteration of the for loop. I’ve thought about using setTimeout(), but with this I cant just break; the for loop I have to call a function,

Any ideas?

function slideOut() {
    var obj = document.getElementById("cInstructs");
    var orig = 66;
    for(i=0; i<2000; i++) {
        orig++;
        obj.style.marginTop = orig+"px";
        }
    };

Thanks in advance!

Answer 1

A suggestion would be to check the jQuery .slideDown() function- http://api.jquery.com/slideDown/