В чем дело и что оптимизировать?

Question

[TheTheThe]

Приветствую, уважаемые посетители Тостера)
Вот сделал динамичное меню. Суть в том, что когда повторно показываем меню, то при наведении на пункты меню, они ведут себя по другому (реакция хуже), нежели вели себя после загрузки страницы.

Кстати говоря, что здесь еще можно оптимизировать? (Загляните в код)

Вот, посмотрите - testtter.yolox.net

Answer 1

[VazyaOZ]

Попробуйте убрать transition-delay если поможет ковыряйте в этом направлении.

Answer 2

[Юнус Газиев]

Как минимум, можно сдвиг пункта меню пр наведении реализовать на CSS, js кода станет меньше

// отпадет необходимость в этом коде
$('#navMenu span').hover(function(){
	$(this).css({
		"transform": "translate(-30px,0px)",
		"-webkit-transform": "translate(-30px,0px)",
		"-o-transform": "translate(-30px,0px)",
		"-moz-transform": "translate(-30px,0px)"
	});
}, function(){
	$(this).css({
		"transform": "translate(0px,0px)",
		"-webkit-transform": "translate(0px,0px)",
		"-o-transform": "translate(0px,0px)",
		"-moz-transform": "translate(0px,0px)"
	});
}
);