Como manter o menu suspenso do bootstrap visível até clicar novamente no botão

Estou usando o recurso suspenso do bootstrap. Quero que o menu ainda esteja visível até que eu clique novamente no botão Voltar. Deve ser parecido com um interruptor. Se quisermos ver a lista, devemos clicar no botão, e também ocultá-la. E ele ainda está aberto, embora cliquemos no botão externo e interno da lista.

   <h2>Click the dropdown button </h2>
   <p>It will stay open unless clicked again to close </p>

<div class="dropdown keep-open">
    <!-- Dropdown Button -->
    <button id="dLabel" role="button" href="#"
       data-toggle="dropdown" data-target="#" 
       class="btn btn-primary">
        Dropdown <span class="caret"></span>
    </button>

<!-- Dropdown Menu -->
<ul class="dropdown-menu" role="menu" 
    aria-labelledby="dLabel">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li class="divider"></li>
    <li><a href="#">Separated link</a></li>
</ul>

Preciso abrir e fechar o menu suspenso, apenas a partir do botão.

Eu uso isso, mas ainda oculta a lista quando clico na lista interna.