如何用原生态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"。