div ausklappen

[david.andlinger]

Hallo ich habe hier folgendes Script.
Es klappt ein display:none div auf!
Ich möchte das das div langsam aufgeklappt wird...
kann mir da jemand helfen?

function toggle(control)
{
    var elem = document.getElementById(control);
    
    if(elem.style.display == "none")
    {
        elem.style.display = "block";
    }
    else
    {
        elem.style.display = "none";
    }
}

so wirds aufgeklappt:

<a href="javascript:toggle('box1')">auf/einklappen</a>

<div  id="box1" style="DISPLAY: none">
blablabla
</div>

mfg andlinga

 

[crash]

Unter Verwendung von addEvent():

addEvent(window, "load", function () {
    var der_div = document.getElementById("der_div");
    var hoehe   = der_div.clientHeight;
    der_div.className = "hidden";

    var toogle = document.getElementById("toogle_button");
    addEvent(toogle, "click", function () {
        if (der_div.className == "hidden") {
            der_div.style.height = "0px";
            der_div.className = "";

            var i = 0;
            var interval = setInterval(function () {
                if (i == hoehe) {
                    clearInterval(interval);
                    return;
                }
                der_div.style.height = ++i + "px"
            }, 10);
        } else {
            der_div.className = "hidden";
        }
    });
    // evtl noch für andere Events
});

Nicht getestet.

 

[david.andlinger]

und wie kann ich dass jetzt in meinem code verwenden

bin nämlich ein js noob!

mfg

 

[david.andlinger]

jetzt hab ichs raus danke!!!

mfg