如何用原生态JAVASCRIPT写只显示部分五个LI其余的点击显示？

Question

代码如下：

<div class="box">

    <ul>

        <li><a href="#">我是链接1</a></li>

        <li><a href="#">我是链接2</a></li>

        <li><a href="#">我是链接3</a></li>

        <li><a href="#">我是链接4</a></li>

        <li><a href="#">我是链接5</a></li>

        <li><a href="#">我是链接6</a></li>

        <li><a href="#">我是链接7</a></li>

        <li><a href="#">我是链接8</a></li>

        <li><a href="#">我是链接9</a></li>

        <li><a href="#">我是链接10</a></li>

    </ul>

</div>

以上是HTML结构，如何使用JAVASCRIPT（非JQUERY）只显示5个链接，其余的隐藏，需要点击图片或文字显示，再点击隐藏。请问如何才能实现这种功能呢？

当前显示：

我是链接1
我是链接2
我是链接3
我是链接4
我是链接5
...
我是链接10

想要显示的效果：

我是链接1
我是链接2
我是链接3
我是链接4
我是链接5
︿ //这里点击这个展开剩余 "我是链接6-10"，再点击隐藏 "我是链接6-10"。