html中这段代码如何实现放开收起的特效

<li><a href="http://dh.92h.pw" class="white">招连</a></li>
<li id="showbtn" onclick="show_more();" style="color: rgb(255, 255, 255); ">更多↓</li>
<li id="closebtn" onclick="close_more();" style="color: rgb(255, 255, 255); display: none; ">收起↑</li>
</ul>

如题