Using .click and mouseout I pass the attribute to the sibling class to add text to the example window.

Using .click and mouseout again I pass the background color to the css and then change back on mouseout.

Using .click and mouseout again I pass the background color change but this time by adding and removing the class.

Using .after to add "Red Sox" after "Go" in current text field.

Using .before to add "Go" before "Red Sox" in current text field.

Using .animate to change opacity and move field left and right.

Using .animate to change opacity and move field left and right while using .delay to delay the animation.

Using .empty to remove the "yankees" class on click of the DEMO button.

Using .hide to make the image disappear and then .show to make it reappear again after using .delay to pause the transition.

Using .not to select any div's that are in the current div that do NOT have the class "colorgreen" assigned and changing their CSS background to red.

Using .prepend to add bold text to the beginning of the div and become the first thing in the div.

Using .remove to remove the class from the div removing all class properties.

Using .children and .css to edit only the background color of the nested child div.

Using .parent and .css to edit only the parent div's background color that the child ".example14inside" is nested in.

Using .prev and .css to edit only the previous item that comes before the selected div.