title: Scroll to Accordion Item Top Once Open (Foundation Framework)
body: <p>I'm using <a href="http://foundation.zurb.com/sites/docs/accordion.html" rel="noreferrer">ZURB Foundation (v6) Accordions</a>.</p>
  
  <p>When an accordion opens, I want to scroll the page to be at the top of that accordion item. I can run this code: </p>
  
  <pre><code>$("#arf").on("down.zf.accordion", function() {
     $('html,body').animate({scrollTop: $(this).offset().top}, 'slow');
  });
  </code></pre>
  
  <p>Of course, this scrolls the page to the top of the accordion, not the accordion item. How would I modify this code to scroll to the accordion's item when it opens?</p>