Welcome to my homepage!

Here is the content of cookies... Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio modi repudiandae dignissimos, quidem praesentium beatae quaerat ullam quod nam repellendus magni blanditiis assumenda ea ratione reprehenderit sint, debitis mollitia harum.

Ukrywamy element (czyli całą stronę) na początku jej załadowania. Robimy to za pomocą CSS.
Po załadowaniu drzewa DOM ukrywamy wszystkie elementy
(tak jak w poprzednim przykładzie), ale pokazujemy element za pomocą efektu fadeIn. Dzięki tym dwóm krokom w prosty sposób stworzyliśmy efekt pojawiania się strony po jej załadowaniu.
Następnie przypinamy na element button zdarzenie click(), tak jak poprzednio.
Jeśli zdarzenie nastąpi (czyli klikniemy na element), uruchamiamy pewną funkcję, która sprawdza, czy element jest widoczny na stronie (metoda is()).
Jeśli element jest widoczny na stronie, to go ukrywamy (fadeOut)
W przeciwnym wypadku należy go pokazać (fadeIn)

Istnieją dwie metody określania szybkości efektu:

słownie: za pomocą slow i fast
czasowo: ustawiając w parametrze wartość w ms