Thanks for this @joepsnell - it's awesome! I'm having a problem though with formatting the text in the hidden paragraph. When I try to add heading tags or list tags it breaks the 'read more' functionality. Any ideas how I can add formatting to the hidden paragraph?
Below is what I've tried to add. I've tested it step by step and the tags that cause props are h3, ul and li. Any time I add any of those, the final /p tag shows an error and the functionality breaks. I only know super basic HTML so am hopeless at troubleshooting. Would really appreciate any help.
<input type="checkbox" class="read-more-state" id="visible" />
<p>Developmental editing, also called structural or content editing, is designed to check the bones of your book to make sure everything necessary is included and in the right place. The goal is to <b>take your good story and make it great</b>. For this service, we read the entire manuscript at least twice and provide a written critique with suggestions at the level of the entire book and individual chapters. This edit also includes two Skype calls with your editor.</p>
<h3>What do I get?</h3>
Your developmental edit includes:
<li>A 30-minute Skype call <i>prior to</i> editing so your editor can understand your vision and unique voice;</li>
<li>A written critique that addresses what’s working and what could be improved at book and chapter levels;</li>
<li>A second 30-minute Skype call <i>after</i> receiving your critique to ask your editor questions and brainstorm solutions to problems;</li>
<li>A PDF guide to implementing changes suggested by your editor; and</li>
<li>Recordings of both Skype calls.</li>
<label for="visible" class="read-more-trigger"></label>