Вариант с использованием SetTimeout - отпал как, предположительно не возможное решение. Пробовать не стал, но думаю поочередность сохранится.
Первый вариант был придумать конструкцию типа
$( "блок 1" ).add( "блок 2" )
и этим усложнить всё ситуацию.
НО - чудо свершилось, и имя ему
queue
- что значит "очередь"
Конструкция приняла такой вид:
$('адрес блока инициирования').hover(function()
{
$('блок 1').animate({'width': '-=10px'}, { duration: 300, queue: false });
$('блок 2').animate({'paddingRight': '+=10px'}, { duration: 300, queue: false });
},
function() {
*процедура при снятии курсора*
});
})
так вот "queue: false" - снимает этот вопрос!
jquery гораздо продуманней, чем может показаться.
ссылка на страницу в jq api -
http://api.jquery.com/queue/
Буду рад, если вам пригодится данная информация)