title: Collapse events not triggering Bootstrap 2.3.2 JQuery 1.10
body: <p>I am trying to do something after the accordion div opens but "shown" nor "show" event doesn't fire after the accordion opens</p>
  
  <pre><code>$(document).on('show shown shown hide hidden', '.accordion-field', function(){
      console.log('got it'); 
  });
  </code></pre>
  
  <p>NOTE: accordion-field are generated dynamically after processing some json coming via ajax.</p>
  
  <p>Anyone knows why this is not working.</p>
  
  <p>EDIT:</p>
  
  <p>After adding a static div (not created via code but written on the html) I realized the event fires. </p>
  
  <pre><code>$(document).on('show shown hide hidden', '#xdiv81', function(){
      console.log('got it');
  } );
  </code></pre>
  
  <p>How can I do the same for dynamically generated divs</p>