title: Trigger a Bootstrap .collapse('toggle') via an event
body: <p>I have a form that spans several out-of-the-box Bootstrap Collapse panes. They toggle correctly on a mouse click - now I'd like to implement a way to open a closed pane via whatever event fires when tabbing from the last input of the currently open pane.</p>
  
  <p>IOW, as I step thru the input fields of the open pane I can tab from one input to the next - when I tab from the last input the focus goes to the subsequent header region of the next pane. I'd like the act of tabbing to that header region to fire <code>.collapse('toggle')</code>;</p>
  
  <p>I've tried a few variations on:</p>
  
  <pre><code>    $('#collapseAcct').focus(function () {
          $('#collapseAcct').collapse('toggle');
      });
  </code></pre>
  
  <p>and have also tried climbing the family tree with <code>:parent</code> but haven't found the key. <strike>Structure of my panes:</strike>I'm using 3 panes where the unique identifier is a nested one layer deep in the div structure - pretty much the same as BS's documentation. E.G. struc of 1 pane:</p>
  
  <pre><code>    &lt;div class="accordion-group"&gt;
          &lt;div class="accordion-heading"&gt;
              &lt;a class="accordion-toggle" data-toggle="collapse" data-parent="#createUserPanes" href="#collapseAcct"&gt;Account&lt;/a&gt;            
          &lt;/div&gt;
          &lt;div id="collapseAcct" class="accordion-body collapse"&gt;
              &lt;div class="accordion-inner"&gt;
              &lt;div&gt;content&lt;/div&gt;[and everything wraps out accordingly]
  </code></pre>