jQuery

Hey
Ik heb een lichtbox van jQuery
Alleen nu zoek ik een functie op een div naar beneden te laten zakken
Dus vanaf de bovenkant van me pagina tot het midden
Is hier een fucntie voor in jQuery?

Want slideUp en slideDown werken anders

Animate bedoel je?
En dan volgens mij zoiets:

$("#button").click(function(){
  $(".block").animate({"top": "+=50px"}, "slow");
});

Volgens mij gaat je box nu 50 px naar beneden.

Maar hij moet helemaal naar onderkant van pagina en dan verdwijnen
Dus ik wil niet dat de scrollbar hoger wordt

EDIT:
dat gebeurd ook niet zie ikalleen ander probleem:

$("#TB_load").animate({"top": "101%"}, 2000, function(){
        $("#TB_window").animate({"top": "101%", "display:": "block"}, 2000, function(){
            //klaar//
        });
    });

Bij de 2de moet hij zeg maar inkomen op de plek waar hij al staat

EDIT2:
toggle de top
Tnx jort
EDIT5004534850394543:

Me lichtbox ondersteund ajax (hij laad paginas met ajax) maar ik wil erin een form
Hoe kan ik zorgen dat als je die post hij de pagin niet refreshed maar wel post op de pagina die geladen is?

onsubmit="return false;functievoorversturen();" of button en dan onclick.

Of je doet het met jQuery zelf ook gewoon weer.
Je moet gewoon een formulier maken met als action bijvoorbeeld javascript:niksdoen(); en je formulier een id meegeven.
En dan kan je met jQuery .submit() kijken of er iets is gepost.

<script>

    $("#form").submit(function() {
        alert("Jort ownt");
    });
</script>

En dan ajax erin zetten. Dan krijg je zoiets (zonder formulier):

<script>

    $("#form").submit(function() {
        var naam = $("#id").val();
        $.ajax({
           type: "POST",
           url: "voorbeeld.php",
           data: "naam=" . naam,
           success: function(msg){
             $("#tekstvak").text(msg);
                   }
             });
    });
</script>

kwam er al achter