JQuery - Анімація слайдів домашньої сторінки при завантаженні сторінки, але лише один раз для кожного глядача - jquery, slideown, slideup

Який найкращий спосіб ковзати два діви один до одного. В основному я розділив свою домашню сторінку на два розділи. Я хочу, щоб вони ковзали вниз і ковзали один в одного, але трапляються лише один раз для кожного глядача.

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

Відповіді:

Вам потрібно буде використовувати ефекти анімації jQuery slideUp і slideDown (див. відповідь танду) або просто використовувати animate якщо ви відчуваєте себе більш багатослівним.

Але для того, щоб браузер не міг виконувати цю анімацію під час зворотного відвідування, вам потрібно буде зберегти файл cookie. плагін jquery-cookie це гарне місце для початку. В основному, ви хочете зробити це:

1. Перевірте наявність файлу cookie doNotLoadAnimation.
2. Якщо немає, встановіть файл cookie doNotLoadAnimation та покажіть анімацію, інше покажіть сторінку без анімації

Це не буде ідеальним, оскільки файли cookie не є формою постійного зберігання, наприклад. якщо користувач очистить файли cookie, анімація виконається знову.

Надія, що допомагає!

jQuery .slideUp і .slideDown приховати та показати вміст, ковзаючи відповідно. Аби мати .slideUp фактично показуйте вміст, ви повинні використовувати ефект слайдів jQuery UI для слайда, як у:

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

Однак важко точно сказати, що ви хочете, і якщо ви просто вставте те, що я маю там (припустимо, що у вас є інтерфейс ефектів), воно запуститься лише один раз для кожного перегляду.