$(document).ready(function() {

  $('div.expandable').summarize({
 
     summaryElements:    3,  // the number of child elements after which a div. 
    detailClass:        'details', // class of the div that will wrap all elements as specified.

  /* expander element */
    expandText:         'Read More', // text displayed in a link instead of the hidden elements. 
    expandWrapper:      '<div></div>',
    expandClass:        'expand',
    expandInsertion:    'insertAfter', // method to use, relative to last summary element. Reasonable choices include 'insertAfter' and 'appendTo'

    expandEffect:       'fadeIn',
    expandSpeed:        '',   // speed in milliseconds of the animation effect for expanding the text
    expandCallback:     function() {}, //function to be fired *after* elements are expanded


  /* collapser element */    
    collapseText:       'Read Less', // allow the user to re-collapse the expanded text.
                                        // use '' or null if you don't want user to re-collapse
    collapseWrapper:    '<div></div>',
    collapseClass:      'collapse', 
    collapseInsertion:  'insertAfter', // method to use, relative to the "details" div containing the initially hidden elements 

    collapseEffect:     'fadeOut',
    collapseSpeed:      '',
    collapseCallback:     function() {} //function to be fired *after* elements are collapsed
    });
 
});