Boolean für animiertes div - simple...

[kontafessor]

Hallo,
ich baue gerade ein content div, welches bei klick auf einen pfeil mit der div-oberkante an den unteren rand des fensters fährt (der pfeil dreht sich um) und bei wiederholten klick auf den pfeil soll es wieder rein fahren.

HTML-Code des Pfeils:

<a onClick="closeContent($(this).attr('href')); return false;" href=""><img id="IMG1" name="IMG1" src="content/images/close_arrow.png" onClick="swapImage();"/></a>

Nun muss ich der funktion irgendwie mitgeben das dass div unten ist. Dies wollte ich mit if und else machen. Leider bekomme ich das nicht hin, da ich den Boolean Wert nach dem hochfahren nicht wieder direkt auf "false" stellen kann, weil ja sonst das div wieder direkt runter fahren würde.

JavaScript:

//animate content div out or in while click on close_arrow.png
var contentBottom = new Boolean(false);
function closeContent(URL){
    var $docheight = $(window).height();
    var $contentstop = $docheight - 52;    
    if (contentBottom==true) {
        $("#content_wrapper").animate({
        top: "50px"
        },"slow");
    }
    if (contentBottom==false){
        $("#content_wrapper").animate({
        top: $contentstop
        },"slow");
        contentBottom=true;
        }
}

Dies ist mein erstes JavaScript. Ich hoffe es gibt eine simple Lösung für das Problem.
Danke!

 

[kontafessor]

Brett vorm Kopf.
Die Lösung ist es nach den beiden .animates die Boolean mit if/else zu ändern:

    if (contentBottom==true) {
        $("#content_wrapper").animate({
        top: ($(window).height())/2 -52
        },"slow");
    }
    if (contentBottom==false){
        $("#content_wrapper").animate({
        top: $contentstop
        },"slow");
    }
    if(contentBottom==true){
        contentBottom=false;
        }else{
        contentBottom=true;
    }