为什么我隐藏了第四、第五个元素还在显示,点击更多没有变更为简化?

<!DOCTYPE html>

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>挑战题</title>

    </head>

    

    <body>

       <ul>

           <li>1</li>  

           <li>2</li>  

           <li>3</li>  

           <li>4</li>  

           <li>5</li>  

           <li>6</li>  

           <li>7</li> 

           <li>8</li>  

       </ul>

       <a href="javascript:";>更多</a>

       <script>

        $(function(){

            $("li:eq(3)").css("display","none");

            $("li:eq(4)").css("display","none");

            $("a").click(function(){

                if($("a").text() === "更多"){

                    $("a").text("简化");

                    $("li:eq(3)").css("display","list-item");

                    $("li:eq(4)").css("display","list-item");

                }else{

                    $("a").text("更多");

                    $("li:eq(3)").css("display","none");

                    $("li:eq(4)").css("display","none");                    

                }

            });

        })

    </script>

    </body>

</html>


猪猪侠123
浏览 1509回答 3
3回答

echo_kinchao

你都没有引入jq

猪猪侠123

已解决,谢谢
打开App,查看更多内容
随时随地看视频慕课网APP