1. Когда вы делаете hide, элементу присваивается display none сразу, никакой анимации не будет.
2. Лучше всего это реализовать одним классом, без всяких там show/hide. >60 addClass("show"), <60 removeClass("show")
3. Для всех нужных элементов добавьте зависимость от этих классов и анимационные стили.
4. Получится что-то вроде:
.logo {top: -100px;}
.show .logo {top: 0}
5. Соответственно при добавлении класса show к контейнеру, элемент logo придет сверху