实现点击出现评论列表，再点击消失的js怎么写啊？

实现点击出现评论列表，再点击消失的js怎么写啊？就是要点击评论按钮下面出现评论列表，再点击收起来

你题目的解答代码如下：（如有帮助，望采纳！谢谢! 点击我这个回答右上方的【采纳】按钮）

<a href="javascript:" onclick="toggle(this,'list1')">显示评论列表</a>
<div id="list1" style="display: none;">
    <ul>
        <li>AAA</li>
        <li>BBB</li>
        <li>CCC</li>
    </ul>
</div>
<script type="text/javascript">
function toggle(t,id) {
    var list = document.getElementById(id);
    if (t.innerText=="显示评论列表") {
        t.innerText="隐藏评论列表";
        list1.style.display = "";
    } else {
        t.innerText="显示评论列表";
        list1.style.display = "none";
    }
}
</script>

 

绑定事件，在事件中处理列表的显示和隐藏。