title: Bootstrap collapse change button to read less on click
body: <p>I have the following bootstrap code:</p>
  
  <pre><code>&lt;div class="col-lg-4 col-md-4 col-sm-4" id="collapseTwo"&gt;
        &lt;h2&gt;What&lt;/h2&gt; 
        &lt;p&gt;Find out what we do&lt;/p&gt;
        &lt;div id="what" class="collapse"&gt;
         &lt;p&gt;Text here.&lt;/p&gt;
  
        &lt;a class="btn btn-default" data-toggle="collapse" data-parent="#threeW" href="#what" role="button"&gt;Read More &amp;raquo;&lt;/a&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>On click of the button, it will display the text inside "what". I want the button to change from "read more" to "Read Less" when done. Ive found other examples but they dont seem to be with the collapse function and not sure how to implement it.</p>
  
  <p>Any help or pointers in the right direction would be appreciated, thanks.</p>