title: Bootstrap collapse without unique identifier
body: <p>I'm trying to use the bootstrap collapse plugin in such a way that a unique identifier is not required. Normally there is usually a single or a couple of collapsible elements on a page. </p>
  
  <p>But my elements are generated dynamically and passing index keys is overkill. </p>
  
  <p>What happens now is that if I toggle the collapse for <code>element2</code>, it will collapse <code>element1</code>. Obviously because they have the same ID.</p>
  
  <p>Any way to achieve this without actually giving each collapsible element a unique id?</p>
  
  <p>Here's a functional js fiddle:</p>
  
  <p><a href="http://jsfiddle.net/hhvrjnr3/" rel="noreferrer">http://jsfiddle.net/hhvrjnr3/</a></p>