$(document).ready(function(){

   $("#par1").toggle(function(){
      $(this).css('color','green');
   },function(){
      $(this).css('color','blue');
   }, function(){
      $(this).css('color','red');
   }, function(){
      $(this).css('color','black');
   });
   $("#par2").click(function(){
      $(this).toggle(1000);
   });
   $("#but1").click(function(){
      $("#par2").toggle(1000);
   });
   $("#but2").click(function(){
      $("#par3").toggle(false);
   });
   $("#but3").click(function(){
      $("#par4").toggle(true);
   });

});

Определение и использование

Метод toggle позволяет привязать несколько обработчиков событий к элементу.

Привязанные обработчики будут поочередно вызываться после щелчка мыши на элементе т.е. после первого щелчка будет вызван первый обработчик события, после второго второй и т.д. Когда будет вызван последний обработчик в очереди вызов начнется сначала.

Если Вы обратитесь к методу toggle без параметров или указав только скорость или функцию обратного вызова, то к выбранному элементу будет применен метод hide() если он сейчас отображен и show() если он скрыт.

Синтаксис

$(селектор).toggle(обработчик_события1,обработчик_события2,обработчик_событияN)

селектор выбирает элемент, к которому будет привязано событие.

обработчики_событий обработчики событий, код которых будет выполнен, когда до них дойдет очередь вызова.

Если метод toggle вызывается без обработчиков событий или с параметрами скорости и функции обратного вызова, то выбранный элемент будет скрыт если он был отображен или будет отображен если он был скрыт.

$(селектор).toggle(скорость,функция_обратного_вызова)

скорость указывает скорость отображения или скрытия элемента в миллисекундах (1000 миллисекунд=1 секунда). Также могут быть использованы предопределенные константы "slow","fast","normal" (медленно, быстро, нормально).

функция_обратного_вызова указывает функцию, код которой будет выполнен, когда элемент будет полностью скрыт или отображен.

Если метод toggle вызывается с логическим параметром, то выбранный элемент будет скрыт если параметр равен false и отображен если параметр равен true.

$(селектор).toggle(логический_параметр)

логический_параметр если параметр равен true выбранный элемент будет отображен, если false скрыт.