Ich habe eine Dropdown-Schaltfläche (nur eine, nicht alle), und darin möchte ich mehrere Eingabefelder haben, in die Leute Inhalte eingeben können, ohne dass sich die Dropdown-Schaltfläche versteckt, sobald Sie darauf klicken (aber sie wird geschlossen, wenn Sie klicken außerhalb davon).

Ich habe eine jsfiddle erstellt:http://jsfiddle.net/denislexic/8afrw/2/

Und hier ist der Code, es ist einfach:

<div class="btn-group" style="margin-left:20px;">
  <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
    Action
    <span class="caret"></span>
  </a>
  <ul class="dropdown-menu">
    <!-- dropdown menu links -->
      <li>Email<input type="text" place-holder="Type here" /></li>
      <li>Password<input type="text" place-holder="Type here" /></li>
  </ul>
</div>​

Im Grunde möchte ich, dass es nicht beim Klicken auf die Dropdown-Liste geschlossen wird (sondern beim Klicken auf die Aktionsschaltfläche oder außerhalb der Dropdown-Liste). Bisher war es meine beste Vermutung, eine Klasse hinzuzufügen und zu versuchen, etwas JS zu machen, aber ich konnte es nicht herausfinden.

Danke für jede Hilfe.