Scrollspy на скрытых разделах

Question

Я не могу заставить себя работать со скрытыми элементами.

Я помещаю data-spy="scroll" на тело и data-target=". ClassOfNavWrapper", и он не игнорирует скрытые элементы, как подразумевается в документах, а скорее выбирает элементы для активации почти случайным образом.

Вот скрипка: http://jsfiddle.net/shdapqap/1/

<div class="container">
  <div class="row">
    <div class="span3">
      <div class="nav-wrapper">
          <ul id="my-nav" class="nav nav-list affix">
            <li><a href="#moose">Moose</a></li>
            <li><a href="#bear">Bear</a></li>
            <li><a href="#beaver">Beaver</a></li>
            <li><a href="#raccoon">Raccoon</a></li>
            <li><a href="#bobcat">Bobcat</a></li>
          </ul>
      </div>
    </div>
    <div class="span9 my-content">
      <section id="moose">
          Mooses are cool and big and stuff.
      </section>
      <section id="bear">
          You better stay away from bears, they are bad news.
      </section>
      <section id="beaver">
          Beavers like to slap their tail to scare predators and children.
      </section>
      <section id="raccoon" class="hidden">
        Raccoons like french fries, don't ask me how I know.
      </section>
      <section id="bobcat" class="hidden">
        I would like to know if bobcats go crazy for catnip like my house cat does.
      </section>
        <button class="show">Show next</button>
    </div>
  </div>
</div>

Внизу есть кнопка show next... которая показывает следующий скрытый div и обновляет scrollspy, кажется, что он работает бегло только после удаления последнего скрытого класса.

Bootstrap версия: 2.2.2 (застрял с этим).

Answer 1

Я решил это, заменив часть ScrollSpy в Bootstrap 2.2.2 JS на часть Scrollspy из Bootstrap 3.3.5. И, конечно же, не забывая обновлять прокрутку после раскрытия каждого элемента.