Merge pull request #1 from envato/add-auto-height

Add dynamic auto height for content

Author: Matthew Doyle

index.html

@@ -26,7 +26,9 @@ <h2>Accordion Group <br><small>(single open)</small></h2>
       <section data-accordion>
         <button data-control>Accordion 1</button>
         <div data-content>
-          <article>Item</article>
+          <article>
+            <textarea></textarea>
+          </article>
           <article data-accordion>
             <button data-control>2nd Level</button>
             <div data-content>
@@ -227,7 +229,7 @@ <h2>Defaults</h2>
       &copy; 2014 Victor Fernández / <a href="http://vctrfrnndz.com/">@vctrfrnndz</a> / <a href="mailto:victor@vctrfrnndz.com">email</a> / <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=victor%2emin%2ejs%40gmail%2ecom&lc=US&item_name=jQuery%20Accordion%20Plugin&no_note=0&currency_code=USD&bn=PP%2dDonationsBF%3abtn_donateCC_LG%2egif%3aNonHostedGuest" >donate</a>
     </section>
 
-    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
     <script type="text/javascript" src="js/jquery.accordion.js"></script>
     <script type="text/javascript">
       $(document).ready(function() {

js/jquery.accordion.js

@@ -192,6 +192,11 @@
 
                 requestAnimFrame(function() {
                     $content.css('max-height', $content.data('oHeight'));
+
+                    // Reset max height and set height to auto to allow dynamic
+                    // content sizing until the next accordion interaction
+                    $content.css('height', 'auto');
+                    $content.css('max-height', 'none');
                 });
 
                 $accordion.addClass('open');