title: How to use Bootstrap accordion with a radio button list
body: <p>I am trying to build a UI that combines an HTML radio button list with the accordion functionality offered by Bootstrap's <code>collapse</code> component. The goal is that selecting any radio button also expands an accordion panel immediately below it.</p>
  
  <p><a href="http://jsfiddle.net/TimCoulter/VvyrC/" rel="nofollow noreferrer">Here's a JsFiddle</a> that demonstrates a partially working implementation. Unfortunately, although the accordion functionality works, the radio buttons do not get selected (apart from the initial selection, which subsequently never changes).</p>
  
  <p>Please excuse the invalid HTML in my sample. I am aware that an <code>input</code> element doesn't have an <code>href</code> attribute, but I don't believe that this the cause of the problem.</p>
  
  <p>I have seen <a href="https://stackoverflow.com/a/16666597/168614">this answer</a> to a similar question, but I would prefer to avoid editing the Bootstrap code and hope there might be a purely declarative way of making this work.</p>
  
  <p>Many thanks for your suggestions,
  Tim</p>
  
  <p>EDIT: For anyone else facing the same issue, this functionality works out-of-the-box in Bootstrap v3.0.</p>