Hide/show jquery

05/07/2012 23:20 Gentleman Jack#1
Nabend com, ich habe mir hier etwas zusammen gefummelt

[Only registered and activated users can see links. Click Here To Register...]

es funktioniert auch wie es soll, nur ich würde es gerne erst versteckt haben und dann ausklappbar.

kann mir dabei jemand helfen, wie ich das bewerkstelligen kann?

danke im vorraus

jack
05/07/2012 23:44 マルコ#2
Du musst nur display:none; als css Wert festlegen. Wenn du in nem hidden Feld dann noch speicherst, ob das Teil grad ausgefahren ist, dann genügt sogar ein Button!
05/08/2012 00:16 Gentleman Jack#3
Quote:
Originally Posted by minecrawler View Post
Du musst nur display:none; als css Wert festlegen. Wenn du in nem hidden Feld dann noch speicherst, ob das Teil grad ausgefahren ist, dann genügt sogar ein Button!
könntest du mir mit dem teil noch bitte weiterhelfen?
wäre sehr nett von dir.

lg
jack
05/08/2012 00:27 マルコ#4
Ich hab dein Beispiel, etwas bearbeitet.
[Only registered and activated users can see links. Click Here To Register...]
Jetzt kannst du Box 1 mit einem Button auf und zu machen
05/08/2012 01:00 Gentleman Jack#5
Quote:
Originally Posted by minecrawler View Post
Ich hab dein Beispiel, etwas bearbeitet.
[Only registered and activated users can see links. Click Here To Register...]
Jetzt kannst du Box 1 mit einem Button auf und zu machen
danke danke, schaut wirklich viel besser aus jetzt
05/08/2012 02:16 Mashkin#6
Quote:
Originally Posted by minecrawler View Post
Wenn du in nem hidden Feld dann noch speicherst, ob das Teil grad ausgefahren ist, dann genügt sogar ein Button!
Oder - wenn einem das zu umständlich ist - man benutzt einfach ".toggle()" anstatt zwischen ".show()" und ".hide()" zu unterscheiden.

Hier mal ein Beispiel inkl. Wechsel des Buttontextes per Callback:
Code:
$(document).ready(function() {
    $("#showButton1").click(function() {
        $("#box1").toggle("slow", function() {
            $("#showButton1").val(($(this).css("display") == "none") ? "show" : "hide");
        });
    });
})

[Only registered and activated users can see links. Click Here To Register...]
05/08/2012 09:38 マルコ#7
Quote:
Originally Posted by M@shkin View Post
Oder - wenn einem das zu umständlich ist - man benutzt einfach ".toggle()" anstatt zwischen ".show()" und ".hide()" zu unterscheiden.
hmm, von toggle wusst ich bisher noch nichts. Man lernt nie aus^^