Нашел частичный ответ:
1) Создаю функцию, которая производит анимацию, а далее переводит на определенную ссылку:
function animredic() {
$('#box').animate({'left': '100px'},1000, function(){
document.location="www/A.html";
});
};
2) После присвоил атрибуту href функцию:
<a class="links" href="JavaScript:animredic()">TEXT</a>
Результат:
Теперь при нажатии на ссылку происходит перехож на нужную страницу после анимации
Оставшиеся проблемы:
1)Вернуть box в исходную позицию (возврат должен проиходить, что бы при следующем попадании на страницу блок не оставался на месте, куда он переместился при первом использовании функции)(понимаю, что пишу слишком запутано)
2) Эта функция не универсальна: приходится каждой ссылке присваивать свое значение href и каждый раз прописывать новую функцию анимации и перехода