При наведение на иконку, она бывает дергается, и как сделать, чтоб поле сразу не исчезало, а исчезало к примеру через 2секунды. https://jsfiddle.net/eywraw8t/83479/
Дергается потому, что появляется поле поверх, заслоняя собой иконку от курсора: та сразу ловит уход мышки.
Рассмотрите систему во время анимации: что и как должно происходить. Можно ли посреди анимации отменить действие, или она должна обязательно доиграть до конца?