В Twitter Bootstrap я пытаюсь создать выпадающий список кнопок с аккордеоном внутри.

цель состоит в том, чтобы представить длинный список элементов в краткой форме (то есть избежать длинных прокруток пользователем).

простой способ включить DIV-гармошку в выпадающий DIV не работает ..:

    <a data-toggle="dropdown" href="#">Dropdown trigger</a>
    
    Unit 1
    
      <p>item a</p>
      <p>item b</p>
    
    Unit 2
    
      <p>item c</p>
      <p>item d</p>
      <p>item e</p>
    
              

Любые идеи, как можно реализовать это?