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

不知道为什么总是不成功，隐藏功能都实现不了，明明和“同学代码”第一名思路一样的啊。。

代码如快照所示实在想不出原因求解答

非额

2015-01-08

源自：jQuery基础课程 3-13

关注问题我要回答

636

操作

收起

2 回答

康振宁
2015-01-08

为什么你的不行呢，是因为你$(li:eq(1))这里面缺少引号，你都加上试试

0 回复有任何疑惑可以回复我~

收起回答

康振宁
2015-01-08

<script type="text/javascript">
   $(function(){
       $("li:gt(3):not(:last)").css("display","none");
       $("a").click(function(){ 
           if($(this).html()=="更多"){ 
            $("a").html("简化");
            $("li:hidden").show();
            }else if($("a").html()=="简化"){ 
                    $(this).html("更多");
                    $(".noplay").css("display","none");
            }
           });
   });
</script>
</head>
<body>
<ul>
    <li>第一行</li>
    <li>第二行</li>
    <li>第三行</li>
    <li>第四行</li>
    <li class="noplay">第五行</li>
    <li class="noplay">第六行</li>
    <li class="noplay">第七行</li>
    <li>第八行</li>
    <a href="#">更多</a>
</ul>  
</body>

奉上代码