title: Twitter Bootstrap accordion icon doesnt change
body: <p>I have this accordion thing from bootstrap. The arrow icons point <strong>down</strong>.</p>
  
  <p><img src="https://i.stack.imgur.com/2Pbht.png" alt="enter image description here"></p>
  
  <p>Then I click on Competency1, I get (Competency1 icon <strong>up</strong>, Competency2 icon <strong>down</strong>):</p>
  
  <p><img src="https://i.stack.imgur.com/txlwt.png" alt="enter image description here"></p>
  
  <p>But, if I click on Competency2 now, I get (Competency1 icon is <strong>still up</strong>, Competency2 icon <strong>up</strong>):</p>
  
  <p><img src="https://i.stack.imgur.com/5JYkc.png" alt="enter image description here"></p>
  
  <p>Is this a bug in bootstrap, or it could be easily fixed? </p>
  
  <p>Thanks.</p>