title: Jump to anchor in overflow hidden
body: <pre><code>&lt;ul id="the-list" style="overflow:hidden;height:100px;&gt;
      &lt;li&gt;&lt;a id="link1" href="#"&gt;Link 1&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a id="link2" href="#"&gt;Link 2&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a id="link3" href="#"&gt;Link 3&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a id="link4" href="#"&gt;Link 4&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a id="link5" href="#"&gt;Link 5&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a id="link6" href="#"&gt;Link 6&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a id="link7" href="#"&gt;Link 7&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a id="link8" href="#"&gt;Link 8&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a id="link8" href="#"&gt;Link 9&lt;/a&gt;&lt;/li&gt;
  &lt;ul&gt;
  &lt;a href=""&gt;more&lt;/a&gt; &lt;a href=""&gt;less&lt;/a&gt;
  </code></pre>
  
  <p>The div above shows the first three links. When selecting  more I want to to show 4-6. It doesn't need to do any smooth scrolling. Found a couple similar examples on stackoverflow but they didnt involve a link outside of the ul like this. Wondering what the simplest option is. Also as a bonus would love a less button that would undo the more. Such as if it advanced to show the next three clicking less would go back 3?</p>
  
  <p>Can use jquery if necessary. Would like to keep it as simply as positive. Thank you for any ideas, I'll keep researching in the meantime.</p>