为了账号安全,请及时绑定邮箱和手机立即绑定

有正确的源码参考吗?

谁能给个正确的源码,虽然这个不难但是关于定义函数这一块我不知道jQuery是怎么弄得,看到好多人的代码都有些问题,希望有个正确的参考一下,谢谢。。。

正在回答

1 回答

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>挑战题</title>
    </head>
    
    <body>
        <ul>
            <li>我是a</li>
            <li>我是b</li>
            <li>我是c</li>
            <li>我是d</li>
            <li>我是e</li>
            <li>我是f</li>
            <a href="#">更多</a>
            <li>我是g</li>
            <li>我是h</li>
        </ul>
    </body>
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
    <script>
        $(function(){
            $("li:gt(3):not(:last)").hide();
            $("a").click(function(){
                if($("li:gt(3):not(:last)").is(":visible")){
                    $("li:gt(3):not(:last)").toggle(function(){
                        $("li:gt(3):not(:last)").hide();
                        $("a").html("更多");
                    })
                }
                else{
                    $("li:gt(3):not(:last)").toggle(function(){
                        $("li:gt(3):not(:last)").show();
                        $("a").html("简化");
                    })   
                }
            })
        })
    </script>
</html>


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

hei_yu_fa 提问者

非常感谢!
2015-10-22 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
jQuery基础课程
  • 参与学习       154768    人
  • 解答问题       7184    个

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

进入课程

有正确的源码参考吗?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信