From the course: Learning jQuery UI

Unlock the full course today

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

Showing and hiding elements

Showing and hiding elements - jQuery Tutorial

From the course: Learning jQuery UI

Start my 1-month free trial

Showing and hiding elements

- To wrap up this chapter, let's take a look at some of the showing and hiding effects that jQuery UI adds over and above what comes in the base jQuery library. Once again, just like in the color animation, the jQuery library itself has various show and hide functions that it gives you out of the box and jQuery UI simply plugs in additional methods to those existing functions. That's what we're going to take a look at in this example. So, I've scrolled down to the Show/Hide section. Let's open ShowHide_start and let me bring it up in the browser so you can see it. So, here I have my example div and I have a set of buttons down here that are going to exercise the various showing and hiding effects that jQuery UI provides. There are 13 different effects that jQuery UI plugs into the base jQuery functions. I'm only going to show five of them here because once you understand one of them, you'll understand all of them. You can go play with these a little bit more on the jQuery UI demo…

Contents