From the course: jQuery for Web Designers

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Simple animations

Simple animations - jQuery Tutorial

From the course: jQuery for Web Designers

Start my 1-month free trial

Simple animations

“

- [Voiceover] JQuery has some very simple but very useful animations built in. In this video, we're going to look at what they are and some ways that we can use them. So we're looking at this page for H+ Sport. This is there shop page where they sell a few different kinds of flavored waters and we have a couple of things we want to do here. First of all, we're gonna take care of these little tool tips, which are currently just always displayed and we're gonna make those disappear and reappear as we mouse over these items and then we're going to look at hooking up this toggle button up here, which will filter the list to show or hide the flavors that are berries. Alright, so first we'll deal with the tool tips. When the page loads, we'd like them to disappear. It might be good to have them load by default as they're doing here so that if JavaScript is disabled, you can still see them. But we'd like to make sure that they are gone when JavaScript is on. So let's take a look at what they…

Contents