A Smarter Way to Learn jQuery

Fill in the blank to slide the image into view.

$("img#dramatic").____________

slideDown();

^ *slideDown; *$

Fill in the blank to slide the image out of view.

$("img#dramatic").___________

slideUp();

^ *slideUp; *$

Fill in the blank to slide the image into view slowly, using a word to specify the speed.

$("img#dramatic")._________________

slideDown("slow");

^ *slideDown$•slow•$; *$

Fill in the blank to slide the image out of view in 3 seconds.

$("img#dramatic")._______________

slideUp(3000);

^ *slideUp$3000$; *$

5. Drag-and-drop: Holding down the left mouse button, drag the pieces of code onto the screen to slide into view an image with the ID "loris".

$("img#loris").slideDown();

Slide all h3 headings into view.

$("h3").slideDown();

$`(`"`h3`"`)`.`slideDown`(`)`;

Slide an image with an ID of "cat" out of view in 2 seconds.

$("img#cat").slideUp(2000);

Fill in the blank to keep the image from initially displaying so you can slide it into view.

img#dramatic {
__________
}

display: none;

^ *display: none; *$

Slide all paragraphs into view.

$("p").slideDown();

^ *\$$•p•$\.slideDown; *$

Slide an image out of view in 4 seconds. Make up the ID of the image.

$("img#dog").slideUp(4000);

^ *\$$•img#.+•$\.slideUp$4000$; *$

Slide all divs of a particular class into view using a word to specify a quick slide. Make up the class name.

$("div.products").slideDown("fast");

^ *\$$•div\..+•$\.slideDown$•fast•$; *$

When the user clicks a particular paragraph, slide all images of a particular class into view. Make up the ID of the paragraph and class name of the images.

$("p#key").on("click", function() {
$("img.latent").slideDown();
});

^ *\$$•p#.+•$\.on$•click•, function\($ {\n *\$$•img\..+•$\.slideDown;\n *}\); *$