Всем привет.
Прошу помощи.
Как реализовать попеременную смену свойства у div?

делаю так: (работает)

$(document).ready(function(){ 
   $("#left").css("box-shadow","0px 0px 10px 0px red"); // добавляем красную тень к div
});

... sleep(3); // если бы писал на php))


Нужно изменить свойство:

$(document).ready(function(){ 
   $("#left").css("box-shadow","0px 0px 10px 0px green"); // добавляем ЗЕЛЕНУЮ тень к div
});

Помогите сделать что бы тень изменялась (мигала) каждые 2 секунды. Я уже голову себе сломал с этими setInterval-ми и setTimeout-ами, крутил вертел... никак нехочет .delay() в цикле здесь тоже не катит.

Блин, пишу на php. Очень редко нужно чутку дописать на javascript и тут начинается...

// script.js
$(document).ready(function(){ 
   setInterval(function() { 
      $("#left").toggleClass('shadowgreen');
      $("#left").toggleClass('shadowred');
       }, 2000);

});

/*styles.css*/
.shadowgreen
{
  box-shadow: 0px 0px 10px 0px green;
}

.shadowred
{
  box-shadow: 0px 0px 10px 0px red;
}

_____________
[продано копирайтерам]