jQuery Exercise: Basic II, III

Click on "First Header" and then "Second Header".

Accordion will slide elements over one another to save space and clutter on the page.

First header

First content panel

Second header

Second content panel

jQuery has a super easy way of implementing the now standard way of popping up a calendar to enter a date.

Date:

This is a floating dialog window. Press the button on the right to make it pop up.

Start it out hidden and make it appear at some point to make the dialog box function as an alert.

Another usage of datepicker... so when do you want to go to Bora-Bora?

Date From:

Date To:

Explode Element plugin: click on the button below and the Ninja on the right will explode.