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

我的代码。

<!DOCTYPE html>

<html>

    <head>

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

        <title>挑战题</title>

        <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>

    </head>

    <style>

        .hide

        {

            display:none;

        }

    </style>

    <script>

    $(document).ready(function(){

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

      {

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

         {

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

             $(".hide").show();

         }

         else

         {

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

             $(".hide").hide();

         }

      })

    })

      

    </script>

    <body>

        <ul>

            <li>1</li>

             <li>2</li>

              <li>3</li>

               <li class="hide">4</li>

                <li class="hide">5</li>

                 <li class="hide">6</li>

                  <li class="hide">7</li>

                  

        </ul> 

        <a href="#">更多</a>

    </body>

</html>


正在回答

1 回答

有什么问题吗?

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

举报

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

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

进入课程

我的代码。

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