SlideToggle()

Команда принимает аргументы “slow” / “fast”или милисекунды.

$(document).ready(function(){

$(document).keypress(function(event){

//get string of key pressed for easier comparison than keycodes

var keyPressed = String.fromCharCode(event.which);

//attach a handler to the appropriate div.

var $divs = $("div");

switch (keyPressed) {

case "a":

$divs.eq(0).slideToggle("fast");

break;

case "s":

$divs.eq(1).slideToggle(“slow”);

break;

case "d":

$divs.eq(2).slideToggle();

break;

case "f":

$divs.eq(3).slideToggle();

break;

}

});

});

При нажатии клавиш a,s,d,f исчезает и появляется соответсвующий кубик.

_____________________________________________________________________________________

Stop()

A useful function to combine with the things we have learned to this point is the stop function. Stop can be called with 0, 2, or 3 arguments. 0 Will do the simple default action of pausing all animations currently active on the element which it is attached to.

The use of 2 arguments can give the coder control over the entire queue of elements on the element, not just the current item. 3 arguments can be used to specify the queue that you wish to edit, as well as what to do with it.

$(document).ready(function(){

$("#go").click(function(){

$(".block").animate({left: '+=300px'}, 3000);

});

/* Stop animation when button is clicked */

$('#stop').click(function(){

$('.block').stop();

});

/* Start animation in the opposite direction */

$("#back").click(function(){

$(".block").animate({left: '-=300px'}, 3000);

});

});

Управление кубиком с помощью кнопок GO STOP BACK.

_____________________________________________________________________________________