title: Bootstrap3, affix, fixed-top navbar, toggled text and anchors
body: <p>I have on my page:</p>
  
  <ul>
  <li>fixed top navbar with height 74px; </li>
  <li>affixed sidebar navigation on the right column; </li>
  <li>left column, which has toggleable content;</li>
  </ul>
  
  <pre class="lang-php prettyprint-override"><code>&lt;!-- initialization of affix --&gt;
  &lt;body data-spy="scroll" data-target="#ds-right-navigation" data-offset="74"&gt;
  
  &lt;!-- toggleable content --&gt;
  &lt;div class="panel"&gt;
  &lt;a id="ds-word-link-109401" data-toggle="collapse" data-target="#ds-word-109401" class="h3"&gt;1. równy&lt;/a&gt;  
  &lt;section id="ds-word-109401" class="col-md-12 ds-word-box collapse in" style="height: auto;"&gt;
  ...collapseable content
  &lt;/section&gt;
  &lt;/div&gt;
  &lt;div class="panel"&gt;
  ... next panel
  &lt;/div&gt;
  </code></pre>
  
  <p>The issues I have are following:</p>
  
  <ul>
  <li>if I click the link with anchor the content on the left column is hidden under fixed-top navbar (this, I will fix probably with margin-top: -74px; padding-top: 74px)</li>
  <li>if I collapse the content in the left column then sidebar menu using affix goes creazy. It is still considering collapsed content as visible and therefore the sidebar highlight points to wrong (hidden/collapsed) content.</li>
  </ul>