JQuery - animacja slajdu na stronie głównej przy ładowaniu strony, ale tylko raz dla każdego przeglądarki - jquery, slidedown, slideup

Jaki jest najlepszy sposób na zsunięcie do siebie dwóch elementów div. Zasadniczo podzieliłem stronę główną na dwie sekcje. Chcę, aby przesunęły się w dół i przesunęły do ​​siebie, ale zdarza się to tylko raz dla każdego użytkownika.

<div id="wrap">
<div id="slideDown">Slide down</div>
<div id="slideUp">Slide up</div>
</div>

Odpowiedzi:

Będziesz musiał użyć efektów animacji jQuery slideUp i slideDown (patrz odpowiedź tandu) lub po prostu użyj animate jeśli czujesz się bardziej gadatliwy.

Ale aby powstrzymać przeglądarkę przed uruchomieniem tej animacji podczas ponownej wizyty, musisz zapisać plik cookie. wtyczka jquery-cookie jest dobrym miejscem do rozpoczęcia. Zasadniczo chcesz to zrobić:

1. Sprawdź obecność pliku cookie doNotLoadAnimation.
2. Jeśli nie, ustaw plik cookie doNotLoadAnimation i pokaż animację, w przeciwnym razie pokaż stronę bez animacji

Nie będzie idealny, ponieważ pliki cookie nie są formą trwałego przechowywania, np. jeśli użytkownik usunie pliki cookie, animacja zostanie ponownie uruchomiona.

Mam nadzieję, że pomaga!

jQuery " .slideUp i .slideDown ukryj i pokaż zawartość odpowiednio przesuwając. W celu uzyskania .slideUp faktycznie pokaż zawartość, musisz użyć efektu pokazu interfejsu użytkownika jQuery dla slajdu, jak w:

$("#slideUp").show( "slide", {direction: "up"} );

Trudno jednak powiedzieć dokładnie, czego chcesz, a jeśli po prostu wkleisz to, co tam mam (zakładając, że masz interfejs efektów), uruchomi się tylko raz dla każdego widoku.