Document the new destroy method

2 files changed, 25 insertions, 2 deletions

diff --git a/README.md b/README.md
index 325c663..8bbd164 100644
--- a/README.md
+++ b/README.md
@@ -81,4 +81,18 @@ If you want to include the necessary styling in your site's stylesheet, you can
 
 ```javascript
 $('article').readmore({embedCSS: false});
-```
\ No newline at end of file
+```
+
+## Removing Readmore
+
+You can remove the Readmore functionality like so:
+
+```javascript
+$('article').readmore('destroy');
+```
+
+Or, you can be more surgical by specifying a particular element:
+
+```javascript
+$('article:first').readmore('destroy');
+```
diff --git a/demo.html b/demo.html
index 948b369..26867dc 100644
--- a/demo.html
+++ b/demo.html
@@ -81,7 +81,7 @@
 
       <p>Here's an example of how you could use the <code>afterToggle</code> callback to scroll back to the top of a block when the "Close" link is clicked.</p>
 
-      <pre><code>$('article').readmore({
+      <pre><code class="javascript">$('article').readmore({
   afterToggle: function(trigger, element, more) {
     if(! more) { // The "Close" link was clicked
       $('html, body').animate( { scrollTop: element.offset().top }, {duration: 100 } );
@@ -111,6 +111,15 @@
 
       <pre><code class="javascript">$(&apos;article&apos;).readmore({embedCSS: false});</code></pre>
 
+      <h2 id="removingreadmore">Removing Readmore</h2>
+
+      <p>You can remove the Readmore functionality like so:</p>
+
+      <pre><code class="javascript">$('article').readmore('destroy');</code></pre>
+
+      <p>Or, you can be more surgical by specifying a particular element:</p>
+
+      <pre><code class="javascript">$('article:first').readmore('destroy');</code></pre>
     </section>
 
     <h1>Demo</h1>