$(document).ready(function() {

  // simple example, using all default options
  // override some default options
  $('div.expandable p').expander({
  slicePoint:       300,      // the number of characters at which the contents will be sliced into two parts.
                              // Note: any tag names in the HTML that appear inside the sliced element before
                              // the slicePoint will be counted along with the text characters.
  widow:            25,        // a threshold of sorts for whether to initially hide/collapse part of the element's contents.
                              // If after slicing the contents in two there are fewer words in the second part than
                              // the value set by widow, we won't bother hiding/collapsing anything.
  expandText:       ' ',   // text displayed in a link instead of the hidden part of the element.
                              // clicking this will expand/show the hidden/collapsed text
  expandPrefix:     '', // text to come before the expand link  
  collapseTimer:    0,        // number of milliseconds after text has been expanded at which to collapse the text again
  expandEffect:     'fadeIn',
  expandSpeed:      'slow',       // speed in milliseconds of the animation effect for expanding the text
  userCollapse:     true,     // allow the user to re-collapse the expanded text.
  userCollapseText: ' ',  // text to use for the link to re-collapse the text
  userCollapsePrefix: '', // text to come before the re-collapse link
  beforeExpand: function($thisEl) {}, // function that is called immediately upon expanding, before the expand occurs
  afterExpand: function($thisEl) {}, // function that is called after the details have finished expanding
  onCollapse: function($thisEl, byUser) {} //function that is called when the details are collapsed (immediately after)
  });
  
});