title: jquery expand / collapsible list not working
body: <p>I am trying to set up an expandable / collapsible list of content on a page and for some dumb reason it is not working. </p>
  
  <p>This is all of the relevant javascript:</p>
  
  <pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://digitaldemo.net/forbes/wp-content/themes/forbes/js/jquery.expander.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  $('ul.expander li').expander({
    slicePoint: 50,
    widow: 2,
    expandEffect: 'show',
    userCollapseText: '[^]'
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>and the list code:</p>
  
  <pre><code>&lt;ul class="expander"&gt;
  &lt;li&gt;Intro text &lt;span class="read-more"&gt;&lt;a href="#"&gt;[more link]&lt;/a&gt;&lt;/span&gt;&lt;span class="details"&gt;and full text goes here&lt;/span&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>The site is a WP site however I am not using a plugin for this. I am probably missing something stupid simple, as I am in the midst of an all-nighter. Any input would be helpful. </p>
  
  <p>Here is the page: <a href="http://digitaldemo.net/forbes/?page_id=34" rel="nofollow">http://digitaldemo.net/forbes/?page_id=34</a></p>
  
  <p>Many thanks!</p>