Javascript-форум - bootstrap .scrollspy

доброго времени суток
пациент левое плавающие меню. На него повешен метод .scrollspy ( библиотека bootstrap ). Суть метода в том, что он может отслеживать скролл окна, и в зависимости того, на каком якоре мы находимся ( на странице их 5, каждый для каждого пункта меню ) он добавляет к управляющей ссылке меню класс .active
Все отлично работало, но стала задача, спрятать блоки, и открываются они по кнопке "Все верно продолжить", которая находится в центральной колонке ( в первом блоке, она покажется когда потыыкать по пунктам ), после того как мы откроем блоки, scrollspy уже работает некорректно, срабатывает ( т.е. добавляет тот самый класс .active )
Вот документация документация . Пробовал также вызвать метод, как указанно в документации, для случая когда происходит add or remove DOM элементов

<body class="main-body" data-spy="scroll" data-target=".nav">
<div id="global-wrap">

    <div class="wrap-center">
    <nav class="main-nav nav">
        <ul>
            <li class="blue"><a href="#link1">Тип и структура</a></li>
            <li class="orange"><a href="#link2">Содержание</a></li>
            <li class="pink"><a href="#link3">Внешний вид</a></li>
            <li class="green"><a href="#link4">Дополнительно</a></li>
            <li class="blue"><a href="#link5">Время выполнения</a></li>
        </ul>
    </nav>

$('[data-spy="scroll"]').each(function () {
        var $spy = $(this).scrollspy('refresh')
    });

Как вы уже поняли - это не работает. Я явно, что то делаю не так.