jquery (flip problem)

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • jquery (flip problem)

    Hallo ich habe folgendes Problem:
    Ich habe mir ein jquery script gebaut mit dem ich einen Text aufklappen und wieder zu klappen lassen kann wenn ich auf eine Button drücke.
    Das problem ligt bei

    Quellcode

    1. flip
    .Wenn ich auf den Button klicke dann erscheint kurz der Text und verschwindet wieder.Wenn ich dann noch einmal auf den Button klicke klappt alles wie gewünscht.

    Hier der javascript code :

    Quellcode

    1. var flip = 0;
    2. $("#button").click(function () {
    3. $("#toggle").toggle( flip++ % 2 == 0 );
    4. $("#toggle").slideToggle("slow");
    5. });


    Hier der HTML code :

    Quellcode

    1. <html>
    2. <head>
    3. <title>Aufklappen--einklappen</title>
    4. </head>
    5. <body>
    6. <button id="button">Klicke hier</button>
    7. <div id="toggle" style="display: none" margin-bottom="100px">...TEXT...TEXT...</div>
    8. </body>
    9. </html>

    Den javascript code binde ich nachher natürlich auch in das html Dokument ein!

    Ich danke allen schon einmal im vorraus!!!
    SE

  • Also wenn ich mir die jQuery API anschau, sieht es für mich so aus, als ob das nicht wirklich sinnvoll ist toggle UND slideToggle gleichzeitig zu benutzen, da beide letztendlich das gleiche machen (nur dass es ein bisschen anders aussieht).

    reicht es nicht, wenn du einfach nur

    Quellcode

    1. $("#button").click(function () {
    2. $("#toggle").slideToggle("slow");
    3. }

    machst?