https://www.baani.net/js/motionpack.js

1var timerlen = 5;
2var slideAniLen = 250;
3
4var timerID = new Array();
5var startTime = new Array();
6var obj = new Array();
7var endHeight = new Array();
8var moving = new Array();
9var dir = new Array();
10
11function slidedown(objname){
12        if(moving[objname])
13                return;
14
15        if(document.getElementById(objname).style.display != "none")
16                return; // cannot slide down something that is already visible
17
18        moving[objname] = true;
19        dir[objname] = "down";
20        startslide(objname);
21}
22
23function slideup(objname){
24        if(moving[objname])
25                return;
26
27        if(document.getElementById(objname).style.display == "none")
28                return; // cannot slide up something that is already hidden
29
30        moving[objname] = true;
31        dir[objname] = "up";
32        startslide(objname);
33}
34
35function startslide(objname){
36        obj[objname] = document.getElementById(objname);
37
38        endHeight[objname] = parseInt(obj[objname].style.height);
39        startTime[objname] = (new Date()).getTime();
40
41        if(dir[objname] == "down"){
42                obj[objname].style.height = "1px";
43        }
44
45        obj[objname].style.display = "block";
46
47        timerID[objname] = setInterval('slidetick(\'' + objname + '\');',timerlen);
48}
49
50function slidetick(objname){
51        var elapsed = (new Date()).getTime() - startTime[objname];
52
53        if (elapsed > slideAniLen)
54                endSlide(objname)
55        else {
56                var d =Math.round(elapsed / slideAniLen * endHeight[objname]);
57                if(dir[objname] == "up")
58                        d = endHeight[objname] - d;
59
60                obj[objname].style.height = d + "px";
61        }
62
63        return;
64}
65
66function endSlide(objname){
67        clearInterval(timerID[objname]);
68
69        if(dir[objname] == "up")
70                obj[objname].style.display = "none";
71
72        obj[objname].style.height = endHeight[objname] + "px";
73
74        delete(moving[objname]);
75        delete(timerID[objname]);
76        delete(startTime[objname]);
77        delete(endHeight[objname]);
78        delete(obj[objname]);
79        delete(dir[objname]);
80
81        return;
82}