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

比较满意的实现，大家探讨一下。

$(document).ready(function(){
    $("#link").click(function(){
        //点击事件
        if (this.innerHTML==="更多") {
            //展开
            this.innerHTML = "简化";
            
            $("ul li:hidden").css("display","block");

        }else if(this.innerHTML==="简化"){
            //收起
            this.innerHTML="更多";
            $("ul li:eq(4)~li").css("display","none");

        }
    });
});

C是什么

2016-05-04

源自：jQuery基础课程 3-13

关注问题我要回答

387

操作

收起

1 回答

黎志宙回答被采纳 +3 积分
2016-05-04

题目不是要求最后一个元素也显示吗？而且直接

$("ul li:hidden").show();

就可以了吧？

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

#1

C是什么提问者

你说的对，我将a标签放在了外面，略有不同。

2016-05-04 回复有任何疑惑可以回复我~

#2

C是什么提问者

题目好像也没要求a标签要放到最后一个li里面，$("ul li:eq(4)~li")选择器就是选择第五个元素后面的所有元素，应该没问题的。此外.css("display","list-item")更合理些.

2016-05-04 回复有任何疑惑可以回复我~

#3

黎志宙回复 C是什么提问者

题目要求初始状态和隐藏状态下list的最后一个元素要显示出来诶。所以如果有7个<li>那应该只隐藏第5、6个吧。

2016-05-04 回复有任何疑惑可以回复我~

查看1条回复

举报

0/150

提交

取消

jQuery基础课程

参与学习 154708 人
解答问题 7289 个

加入课程学习，有效提高前端开发速度

比较满意的实现，大家探讨一下。

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号