Упрощение двух функций jQuery в одну

Возможно, что-то вроде этого?

var names = ["1A", "1B"]; //Extend as needed
for(var i=0; i<letters.length; ++i) {
    $("#" + names[i]).hover(function() {
        $(".route" + names[i]).stop().fadeToggle(500);
    });
}

Вы можете использовать мультиселектор. Это свяжет обработчик событий со всеми включенными селекторами.

$("#1A, #1B").hover(function(){
    $(".route" + this.id).stop().fadeToggle(500);
});

Вы можете комбинировать селектор для .hover(), чтобы включить #1A, #1B, etc., а затем просто захватить идентификатор элемента, который вызвал событие наведения, чтобы создать свой селектор класса, например:

$("#1A, #1B").hover(function(){
   $(".route" + this.id).stop().fadeToggle(500);
});