bootstrap framework - have at least one accordion (aka collapse) item open at all times

Question

I'm using Bootstrap on my site and just added an accordion aka collapse to some page content.

It works fine but I'd like to keep at least one panel open at all times.

Currently, the panels always toggle open/close, see the example below:

http://twitter.github.com/bootstrap/javascript.html#collapse

Has anyone found a workaround for this?

Here is the code from the Boostrap site that's similar to my current implementation (initializing it using data attributes):

<div class="accordion" id="accordion2">
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
        Collapsible Group Item #1
      </a>
    </div>
    <div id="collapseOne" class="accordion-body collapse in">
      <div class="accordion-inner">
        Anim pariatur cliche...
      </div>
    </div>
  </div>
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
        Collapsible Group Item #2
      </a>
    </div>
    <div id="collapseTwo" class="accordion-body collapse">
      <div class="accordion-inner">
        Anim pariatur cliche...
      </div>
    </div>
  </div>

Answer 1

Solution to this question here: How do you make Twitter Bootstrap Accordion keep one group open?

Thanks @aron.lakatos for pointing out the other solved question. While questions are same, the solved one was asked a few weeks after this question here :)