javascript - bootstrap dropdown menu sets display:none when collapsed -

javascript - bootstrap dropdown menu sets display:none when collapsed -

i have dropdown menu in bootstrap. when click element shows dropdown , when click away collapses dropdown menu. however, when click away element disapers, checked, , gets display:none set. why happening?

this list

<ul class="menu nav navbar-nav"> <li class="" id="current"> <a class="" href=""> nyheter</a> </li> <li class=""> <a class="" href="">test</a> </li> <li class=""> <a class="" href="">schema</a> </li> <li class=" dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="/info">info </a> <ul class="dropdown-menu"> <li class=""> <a class="" href="/info/checklista">checklista</a> </li> <li class=""> <a class="" href="/info/laenkar"> länkar</a> </li> <li class=""> <a class="" href="asd"> test2</a> </li> </ul> </li> <li class=""> <a class="" href="/bilder"> bilder </a> </li> <li class=""> <a class="" href="/kontakt"> kontakt </a> </li>

demo

<nav id='mynavbar' class='navbar navbar-default' role='navigation'> <!-- brand , toggle grouped --> <div class='container'> <!-- missing part below --> <div class='navbar-header'> <button type='button' class='navbar-toggle' data-toggle='collapse' data-target='#bs-example-navbar-collapse-1'> <span class='sr-only'>toggle navigation</span> <span class='icon-bar'></span> <span class='icon-bar'></span> <span class='icon-bar'></span> </button> <a class='navbar-brand' href='#'>menu</a> </div> <!-- collect nav links, forms, , other content toggling --> <div class='collapse navbar-collapse' id='bs-example-navbar-collapse-1'> <ul class="menu nav navbar-nav"> <li class="" id="current"> <a class="" href=""> nyheter</a> </li> <li class=""> <a class="" href="">test</a> </li> <li class=""> <a class="" href="">schema</a> </li> <li class=" dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="/info">info </a> <ul class="dropdown-menu"> <li class=""> <a class="" href="/info/checklista">checklista</a> </li> <li class=""> <a class="" href="/info/laenkar"> länkar</a> </li> <li class=""> <a class="" href="asd"> test2</a> </li> </ul> </li> <li class=""> <a class="" href="/bilder"> bilder </a> </li> <li class=""> <a class="" href="/kontakt"> kontakt </a> </li> </ul> </div> <!-- /.navbar-collapse --> </div> </nav>

javascript jquery css twitter-bootstrap drop-down-menu