Question: "  would like to add a 'show more' button on my course descriptions for those that want more detail but avoid losing those that don't need or want lots of detail. Is there a way to do this?


This is the look we're going for...


blob1477085007065.png


This is how we did it:

1. Add the code (modified from this site) to the rich text block

<div class="container">
<p>Plus, the course itself is short (I respect your time). Set aside an hour, and you'll be ready to start promoting immediately.</p>
  <button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo">Learn More</button>
  <div id="demo" class="collapse">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit,
    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  </div>
</div>

 

It will look something like this:

blob1477084933485.png


2. Save the changes, and click on Preview, to make sure it looks like it should.