Added startOpen option to prevent immediate truncation

The default behavior is to truncate the text immediately on
initialization.

2 files changed, 10 insertions, 4 deletions

diff --git a/README.md b/README.md
index 5429765..aad5a7a 100644
--- a/README.md
+++ b/README.md
@@ -26,6 +26,7 @@ Yes, it's that simple. You can change the speed of the animation, the height of
 * `lessLink: '<a href="#">Close</a>'`
 * `embedCSS: true` (insert required CSS dynamically, set this to `false` if you include the necessary CSS in a stylesheet)
 * `sectionCSS: 'display: block; width: 100%;'` (sets the styling of the blocks, ignored if `embedCSS` is `false`)
+* `startOpen: false` (do not immediately truncate, start in the fully opened position)
 * `beforeToggle: function() {}` (called after a more or less link is clicked, but *before* the block is collapsed or expanded)
 * `afterToggle: function() {}` (called *after* the block is collapsed or expanded)
 
diff --git a/readmore.js b/readmore.js
index a6baf9c..3bdb597 100644
--- a/readmore.js
+++ b/readmore.js
@@ -15,6 +15,7 @@
         lessLink: '<a href="#">Close</a>',
         embedCSS: true,
         sectionCSS: 'display: block; width: 100%;',
+        startOpen: false,
 
         // callbacks
         beforeToggle: function(){},
@@ -77,12 +78,16 @@
           return true;
         }
         else {
-          current.after($($this.options.moreLink).on('click', function(event) { $this.toggleSlider(this, current, event) }).addClass('readmore-js-toggle'));
-        }
+          current.data('sliderHeight', maxHeight);
+
+          var useLink = $this.options.startOpen ? $this.options.lessLink : $this.options.moreLink;
+          current.after($(useLink).on('click', function(event) { $this.toggleSlider(this, current, event) }).addClass('readmore-js-toggle'));
 
-        current.data('sliderHeight', maxHeight);
+          if(!useLink) {
+            current.css({height: maxHeight});
+          }
+        }
 
-        current.css({height: maxHeight});
       });
     },