我刚刚学习，一点都不是很懂，这个代码为什么出不来呢，求高人指点

<ul>
       <li>wzq</li>
       <li>wzq</li>
       <li>wzq</li>
       <li>wzq</li>
       <li style="display:none;">wzq</li>
       <li style="display:none;">wzq</li>
       <li style="display:none;">wzq</li>
       <li>wzq</li>
   </ul>
   <a href="#" target="_self">更多</a>

<script>
       $("a").click( function(){
           if($(this).html()=='更多'){
               $(this).html("简化");
               $("li:hidden").show();
           }

else{
              $(this).html("更多");
              $("li[display='none']").hide();
           }
       })
     </script>