Troodi Larson

Я думаю можно посмотреть как это делается прямо из кода элемента.

Используйте Dreamviewer, там сразу отображаются изменения.

Animate

Используйте JQuery и метод hide() и show() при клике на нужный вам элемент.

Явно надо смотреть на разницу выполнения кода.

getbootstrap.com/docs/3.3/customize Для простоты вот тут кастомизация, если хотите научиться, то сверяйте изменения.

Если у вас находится в div то при нажатии на ссылку, onlick, допустим, прячьте этот див.

На js можно реализовать таким образом: ловим скролл страницы и на соответственное количество пикселей сдвигаем задний фон. Измеряйте сверху страницы расстояние. Запоминайте предыдущее значение, чтобы понимать куда идет скролл.