У меня есть выпадающий список кнопок (только один, а не все), и внутри него я хочу иметь несколько полей ввода, в которых люди могут вводить что-то внутри без раскрывающегося списка, как только вы нажмете на него (но он закрывается, если Вы нажимаете за пределами этого).

Я создал jsfiddle:http://jsfiddle.net/denislexic/8afrw/2/

А вот код, он базовый:

<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>​

В общем, я хочу, чтобы он не закрывался при нажатии раскрывающегося списка (но закрывался при нажатии кнопки действия или вне раскрывающегося списка). Мое лучшее предположение до сих пор заключалось в том, чтобы добавить к нему класс и попытаться создать JS, но я не смог этого понять.

Спасибо за любую помощь.