Jquery slide

Hallo,

Hoe maak ik via jquery en css, dat als ik op deze startbutton klik:
http://owner.s3.one2xs.com/bureaublad/
Dat er dan een venster boven de startbutton uitkomt?

Mvg,
Desire

Maak een div die een fixend position heeft. En laat hem tevoorschijn komen al sje op de start button klikt.

Laat hem verdwijnen als je op de body tag klikt.

Ja maar ik wil graag dat jullie een voorbeeld ofso laten zien want zelf kan ik niks vinden.

voorbeeld van de css of van de jquery?

$(document).ready(function() {

    $("#start").click(function() {
        if($("#menu").is(":visible")) {
            $("#menu").hide();
        }
        else {
            $("#menu").show();
        }
    });

    $("body").click(function() {
        if($("#menu").is(":visible")) {
            $("#menu").hide();
        }
    });

});

Er kunnen click errors ontstaan (click firing twice). Dan moet je de click eerst ontbinden.

Die werkt helaas niet

toevoeging op 26 oktober 2012, 13:50:46:
Heb het al opgelost dmv het volgende:

<script>
    $("div.startbutton").click(function () {
      $("div.start").slideToggle("slow");
    });
</script>

toevoeging op 26 oktober 2012, 13:52:01:
Alleen hoe maak ik nu dat als ik buiten de startbutton klik dat het scherm dan verdwijnt alleen dat als ik buiten de startbutton klik als de scherm gesloten is dat hij dan niet open gaat.

Die werkt niet, nogal logisch, je moet de juiste namen van classes en id geven
Overigens heb ik het antwoord al gegeven van je 2de vraag. Vanaf regel 12 tot 16

Rogier schreef:

Die werkt niet, nogal logisch, je moet de juiste namen van classes en id geven

Overigens heb ik het antwoord al gegeven van je 2de vraag. Vanaf regel 12 tot 16

Had ik..
Ow ik zie het ff kijken of het werkt

toevoeging op 26 oktober 2012, 14:02:46:
Ik moet nu dubbelklikken.. Voordat ie opengaat

Kijk hier is naar:
http://api.jquery.com/toggle/

Vind ik zelf handig en goed om divs om hoog/omlaag te krijgen.

Ja maar daar staat mijn vraag niet tussen..
Heb nu dit

<script>
    $("div.startbutton").click(function () {
      $("div.start").slideToggle("fast");
    });
    $("body").click(function() {
        if($("div.start").is(":visible")) {
            $("div.start").hide();
        }
    });
</script>

<script>
    $("div.startbutton").click(function () {
      $("div.start").slideToggle("fast");
    });
    $("body").click(function() {
         $("div.start").slideToggle("fast");
    });
</script>

Volgens mij gewoon zo hoor

Nee, er zit niet voor niets een if he, Als je nu op random body klikt gaat het menu open...

Rogier schreef:

Nee, er zit niet voor niets een if he, Als je nu op random body klikt gaat het menu open...

Nope Maar zalwel ff kijken met die ifjes.

Je kan ook met animate werken...

Sanderc schreef:

Je kan ook met animate werken...

Hoeveel ruimte neemt dat in beslag dan, Hij moet nog wel goed blijven laden als de site klaar is.

Desire schreef:

Eerdere citaten tonen

Rogier schreef:

Nee, er zit niet voor niets een if he, Als je nu op random body klikt gaat het menu open...

Nope Maar zalwel ff kijken met die ifjes.

Wel ik had het over de code van freestyle