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

虽然也能实现但是怎么感觉怪怪的，请大虾给看看有什么问题

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<ul>

<li>我是第一个li</li>

<li style="display:none;">我是第二个li</li>

<li style="display:none;">我是第三个li</li>

<li style="display:none;">我是第四个li</li>

<li>我是第五个li</li>

<li>我是第六个li</li>

<li>我是第七个li</li>

<li>我是最后一个li</li>

function funshow(){

if($("a").html()=='更多'){

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

$("li:hidden").css("display","block")

}else{

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

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

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

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

}

</script>

</ul>

</body>

</html>

薛定的饿猫

2015-03-02

源自：jQuery基础课程 3-13

关注问题我要回答

467

操作

收起

1 回答

康振宁
2015-03-02

没问题啊，挺好的。

不过我还是建议你在更改html内容的时候，把更改项放在其他的后面，比如

 if($("a").html()=='更多'){
                        $("li:hidden").css("display","block");
                         $("a").html("简化");
                    }else{
                       
                        $("li:eq(1)").css("display","none");
                        $("li:eq(2)").css("display","none");
                        $("li:eq(3)").css("display","none");
                         $("a").html("更多");
                    }