title: jQuery expander on collapse
body: <p>I'm using <a href="https://github.com/kswedberg/jquery-expander" rel="nofollow">jQuery expander</a> for a read more-read less type situation and it's working fine. I'd like to scroll the user to the headline of the article after they click read less. I'm trying to figure out the code but I'm not too familiar with jQuery.</p>
  
  <pre><code>$('.expand_please').expander({
    slicePoint: 1000,
    widow: 2,
    expandEffect: 'show',
    userCollapseText: 'Read less',
    expandText: 'Read more',
    onCollapse: $(this).closest('h2').scroll()
  });
  </code></pre>
  
  <p><strong>EDIT:</strong> Relevant HTML:</p>
  
  <pre><code>&lt;div class="row keyline" id="show_article1"&gt;
    &lt;h2 style="margin-bottom: 1em;"&gt;TITLE&lt;/h2&gt;
    &lt;div class="link_article" style="display: none;"&gt;&lt;a href="/share/thomas/more/18" data-remote="true"&gt;READ MORE&lt;/a&gt;&lt;/div&gt;
    &lt;div class="fivecol"&gt;
      &lt;img alt="thumbnail" class="thumbnail" src="/system/thumb.jpg"&gt;
    &lt;/div&gt;
    &lt;div class="sevencol last expand_please marginer"&gt;&lt;div class="summary" style="display: none;"&gt;
    ARTICLE BODY TEXT
    &lt;span class="read-less"&gt;&lt;a href="#"&gt;Read less&lt;/a&gt;&lt;/span&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>