title: bootstrap dropdown menu sets display:none when collapsed
body: <p>I have a dropdown menu in bootstrap. When I click my element it shows the dropdown and when I click  away it collapses the dropdown menu. However, when I click away the element also disapers, I checked, and it gets display:none set. Why is this happening? </p>
  
  <p>This is my list</p>
  
  <pre><code>&lt;ul class="menu nav navbar-nav"&gt;
  &lt;li class="" id="current"&gt;
      &lt;a class="" href=""&gt; Nyheter&lt;/a&gt;
  &lt;/li&gt;
  &lt;li class=""&gt;
      &lt;a class="" href=""&gt;test&lt;/a&gt;
  &lt;/li&gt;
  &lt;li class=""&gt;
      &lt;a class="" href=""&gt;Schema&lt;/a&gt;
  &lt;/li&gt;
  &lt;li class=" dropdown"&gt;
      &lt;a class="dropdown-toggle" data-toggle="dropdown" href="/info"&gt;Info &lt;/a&gt;
      &lt;ul class="dropdown-menu"&gt;
          &lt;li class=""&gt;
              &lt;a class="" href="/info/checklista"&gt;Checklista&lt;/a&gt;
          &lt;/li&gt;
          &lt;li class=""&gt;
              &lt;a class="" href="/info/laenkar"&gt; Länkar&lt;/a&gt;
          &lt;/li&gt;
          &lt;li class=""&gt;
              &lt;a class="" href="asd"&gt; test2&lt;/a&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li class=""&gt;
      &lt;a class="" href="/bilder"&gt; Bilder &lt;/a&gt;
  &lt;/li&gt;
  &lt;li class=""&gt;
      &lt;a class="" href="/kontakt"&gt; Kontakt &lt;/a&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p></p>