laimas,
Большое спасибо, теперь всё работает как надо.
Вот код который получился:
$(document).ready(function() {
var t;
$('.container').hover(function() {
clearTimeout(t);
$(this).stop().animate({width: this.scrollWidth > 600 ? 600 : this.scrollWidth}, 200).css('overflow-x', 'auto');
}, function() {
t = setTimeout(function() {$('.container').animate({width: "150px"},{queue:false,duration:200}).css('overflow-x', 'auto');},
500);
});
});
Но осталась одна проблема, если навести мышку на верхний блок и передвинуть мышку на соседний, то не закроются оба пока мышку не уберёшь, а ведь предыдущий должен закрываться...
Опытным путём удалось выяснить, что дело вот в этом отрезке кода:
}, function() {
t = setTimeout(function() {$('.container').animate({width: "150px"},{queue:false,duration:200}).css('overflow-x', 'auto');},
500);
подскажите как исправить.
Вот проект на jsfiddle
http://jsfiddle.net/n995Lmdj/5/
Всем большое спасибо!