The content of this page is a partial list of the core/main jQuery "actions". You will script this page so that:
Add a click trigger (with on) to the instructionslink that causes a fadeToggle of the instructions div.
When the page load hide all dd objects.
Add a mouseover onto all dt objects that does a toggleclass on this for the highlight class.
Go through one specific ID pairs, such as #dtaddclass and #ddaddclass and add a "click" to the dt, that does a toggle or slideToggle on the corresponding dd.
Take another pair and do a toggle().
Got through the remaining pairs and use any of the above (so that all pairs have scripting).
At the top of the page create text or buttons that say Show All and Hide All and script them to change all dd objects accordingly.
Finally, use jQuery to set the instructions div to be hidden by default.
addClass()
Add a CSS class to an object
append()
Add content to the end of an element
attr()
Retrieve or set the value of an attribute of an HTML object
css()
Retrieve or set the value of a CSS property of an element
fadeIn()
Fade in an object
fadeOut()
Fade out an object
fadeToggle()
Alternate fading in or out an object
hide()
Make an element disappear
prepend()
Add content to the front/beginning of an element
removeClass()
Remove a CSS class from an object
show()
Make an element appear
slideDown()
Reveral an item
slideUp()
Aniamte out an
slideToggle()
Alternate revealing and hiding an item
toggle()
Alternat hiding and showing an element
toggleClass()
Add or remove a class (alternating) to/from an object