title: Bootstrap accordion - use <span> instead of <div> to reveal more body copy
body: <p>I'm trying to use the Boostrap according to reveal more body copy - so need the revealed content to be inline with the introduction text. I'm using a more link as the trigger at the end like this:</p>
  
  <pre><code>&lt;p&gt;
   Intro text &lt;span id="intro" class="collapse"&gt; the rest of the sentence.&lt;/span&gt;
   &lt;a data-toggle="collapse" data-target="#intro"&gt; More&lt;/a&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>This works when using a div but using any inline elements results in the accordion not working - even if I use a div and set it to display inline or inline-block.</p>
  
  <p>Does anyone know how to make this work on inline elements? Or is there a different jquery plugin or some simple jquery that would acheive the same thing - there will be multiple accordians on the same page.</p>
  
  <p>Any pointers in the right direction would be appreciated.</p>