jquery - 跳转到溢出隐藏的 anchor

Question

<ul id="the-list" style="overflow:hidden;height:100px;>
    <li><a id="link1" href="#">Link 1</a></li>
    <li><a id="link2" href="#">Link 2</a></li>
    <li><a id="link3" href="#">Link 3</a></li>
    <li><a id="link4" href="#">Link 4</a></li>
    <li><a id="link5" href="#">Link 5</a></li>
    <li><a id="link6" href="#">Link 6</a></li>
    <li><a id="link7" href="#">Link 7</a></li>
    <li><a id="link8" href="#">Link 8</a></li>
    <li><a id="link8" href="#">Link 9</a></li>
<ul>
<a href="">more</a> <a href="">less</a>

上面的 div 显示了前三个链接。选择更多时我想显示 4-6。它不需要做任何平滑的滚动。在 stackoverflow 上找到了几个类似的例子，但它们没有像这样涉及 ul 之外的链接。想知道最简单的选择是什么。另外，作为奖励，我会喜欢一个可以撤消更多按钮的更少按钮。比如如果它前进到显示接下来的三个点击更少会返回3？

必要时可以使用jquery。想保持它一样简单积极。感谢您提供任何想法，同时我会继续研究。

Answer 1

我不确定我是否理解正确，但是如果您想更改 #the-list 的可见内容(显示接下来的 3 项并隐藏之前的 3 项)，那么这里有一个解决方案: https://jsfiddle.net/hzonoyg0/