Funkcja chowania i wysuwania boxa

Przyjaciele moi!

Jestem noga z JS, to chyba nawet widać. 

Chce uzyskać efekt, że po kliknięciu w przycisk wysuwa się box, który domyślnie jest lekko schowany. Potem jeżeli znów kliknę ten sam przycisk to box nam się chowa do poprzedniego stanu.

Na internetach udało mi się znaleźć tylko tyle.. Brakuje mi teraz chowania tego boxa po naciśnięciu tego samego buttona:

    $(".b_01").click(function() {             
        $("#newsletter").animate( { left: "550px" },  { queue: false, duration: 750 } );
    });

Nie wiem czemu, ale ja staram się już nie używać .animate.

Za pomocą toggleClass dodajesz i usuwasz klasę CSS. Jedno kliknięcie dodaje, a drugie usuwa. Przesuwasz za pomocą CSS, a opóźnienia dodajesz za pomocą transition w CSS.

Chyba ma sens, to co piszę Może ktoś inny się wypowie.

Dzięki, pomogło. Muszę sobie kiedyś zapisać gdzieś wszystkie skrypty jakie używam. Mogą się kiedyś przydać.

Jasne, toggleClass jest chyba najlepsze z tego co wiem. Najprostsze.

 

 

Nie wiem czemu, ale ja staram się już nie używać .animate.

I słusznie. Powyższy przykład można zrobić prosto w CSS za pomocą position oraz transition

Jasne, toggleClass jest chyba najlepsze z tego co wiem. Najprostsze.

 

 

I słusznie. Powyższy przykład można zrobić prosto w CSS za pomocą position oraz transition

Dokładnie tak ja bym to zrobił