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 - jQuery Tutorial
From the course: jQuery for Web Designers
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.