                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

求助！！！！我这段代码错在哪里？怎么没反应的？

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>挑战题</title>
</head>

<body>
<ul>
  <li>001</li>
  <li>002</li>
  <li>003</li>
  <li>004</li>
  <li>005</li>
  <li>006</li>
  <li>007</li>
</ul>
<a href="javascript:;">更多</a>

<script>
  $(function()
  {
    $("li:eq(2)").css("display","none");
    $("li:eq(3)").css("display","none");
    $("a").click(function()
    {
      if($("a").text()==="更多")
      {
        $("a").text("简化")
        $("li:eq(2)").css("display","list-item");
        $("li:eq(3)").css("display","list-item");
      }
      else{
        $("a").text("更多");
        $("li:eq(2)").css("display","none");
        $("li:eq(3)").css("display","none");
      }
    })

  })





</script>
</body>
</html>