From the course: jQuery Essential Training

Unlock the full course today

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

Programming challenge

Programming challenge - jQuery Tutorial

From the course: jQuery Essential Training

Start my 1-month free trial

Programming challenge

- [Instructor] It's time for another programming challenge. In this challenge you will take what you've learned about jQuery so far, and apply it, once again, to the HPlusSport site that we've been working on. I've got the start version of the HPlusSport index page open here, and I'm gonna scroll down, once again, to the products section. Notice that the products section lists various kinds of products. There's vitamins, there's mineral waters, there's protein bars. What we're going to do in this challenge is use jQuery to let the user show and hide different categories of products. Let me go over to the finished version, and show you what I mean. So, here in the finished version, if I scroll down to the products, you can see that there are now three check boxes here. And each of the check boxes corresponds to one of the product categories. Notice how when I click each check box, the product list is updated to either show or hide that type of product. Let's go over and look at the…

Contents