(1) jQuery has animated transitions like fadein() and slideDown() that will hide and reveal block elements in web pages.
Lorem ipsum odor amet, consectetuer adipiscing elit. Phasellus curabitur turpis odio lacinia consectetur nunc adipiscing quisque lorem.
Ac facilisi convallis natoque pharetra id montes magna. Ultricies elementum tristique pharetra nullam mi vestibulum. Suscipit facilisi purus himenaeos ipsum lacinia ad efficitur faucibus. Eu placerat ridiculus lectus nibh lobortis.
Commodo dignissim dui scelerisque natoque montes dis. Diam odio curae lobortis curae nostra mattis venenatis et. Proin nam ligula id nulla taciti dolor rhoncus habitant.
Continue
(2) You can also chain in delay() commands on objects to pause/delay before moving to the next step.
Lorem ipsum odor amet, consectetuer adipiscing elit. Phasellus curabitur turpis odio lacinia consectetur nunc adipiscing quisque lorem.
Ac facilisi convallis natoque pharetra id montes magna. Ultricies elementum tristique pharetra nullam mi vestibulum. Suscipit facilisi purus himenaeos ipsum lacinia ad efficitur faucibus. Eu placerat ridiculus lectus nibh lobortis.
Commodo dignissim dui scelerisque natoque montes dis. Diam odio curae lobortis curae nostra mattis venenatis et. Proin nam ligula id nulla taciti dolor rhoncus habitant.
Continue
(3) Chains of transitions and delays will execute in order, queued up after each other.
Lorem ipsum odor amet, consectetuer adipiscing elit. Phasellus curabitur turpis odio lacinia consectetur nunc adipiscing quisque lorem.
Ac facilisi convallis natoque pharetra id montes magna. Ultricies elementum tristique pharetra nullam mi vestibulum. Suscipit facilisi purus himenaeos ipsum lacinia ad efficitur faucibus. Eu placerat ridiculus lectus nibh lobortis.
Commodo dignissim dui scelerisque natoque montes dis. Diam odio curae lobortis curae nostra mattis venenatis et. Proin nam ligula id nulla taciti dolor rhoncus habitant.
Continue
(4) You can set up a full pre-scripted sequences, such as all pages of this appearing in order with delays, without user interaction, but getting the timing and initial delays of subsequent objects can be challenging.
Lorem ipsum odor amet, consectetuer adipiscing elit. Phasellus curabitur turpis odio lacinia consectetur nunc adipiscing quisque lorem.
Ac facilisi convallis natoque pharetra id montes magna. Ultricies elementum tristique pharetra nullam mi vestibulum. Suscipit facilisi purus himenaeos ipsum lacinia ad efficitur faucibus. Eu placerat ridiculus lectus nibh lobortis.
Commodo dignissim dui scelerisque natoque montes dis. Diam odio curae lobortis curae nostra mattis venenatis et. Proin nam ligula id nulla taciti dolor rhoncus habitant.
Continue
(5) But this is limiting to visibility transitions, the animate() command opens up the possibility to animate ANY css change over time, not just width and opacity.
Lorem ipsum odor amet, consectetuer adipiscing elit. Phasellus curabitur turpis odio lacinia consectetur nunc adipiscing quisque lorem.
Ac facilisi convallis natoque pharetra id montes magna. Ultricies elementum tristique pharetra nullam mi vestibulum. Suscipit facilisi purus himenaeos ipsum lacinia ad efficitur faucibus. Eu placerat ridiculus lectus nibh lobortis.
Commodo dignissim dui scelerisque natoque montes dis. Diam odio curae lobortis curae nostra mattis venenatis et. Proin nam ligula id nulla taciti dolor rhoncus habitant.