title: Image under toggle navigation gets pushed down
body: <p>I've got a toggle navigation and an additional navigation bar.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;ul class="navbar"&gt;
     &lt;li&gt;Nav1&lt;/li&gt;
     &lt;li&gt;Nav2&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;ul class="navbar-additional"&gt;
   &lt;li&gt;Nav3&lt;/li&gt;
   &lt;li&gt;Nav4&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>navbar-additional{
     list-style-type: none;
     position: absolute;
     top: 189px;
     left: 458px;
  }
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>var $menu = $('ul.navbar');
  
  $menu.transition({top: -$menu.height() - parseInt($menu.css('padding-top')) - parseInt($menu.css('padding-bottom')), duration: 300});
  </code></pre>
  
  <p>The navigation with class navbar is the navigation that toggles, but the second navigation slides down and needs to stay at the same place. How can I freeze the position of the navbar additional?</p>