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

怎么else那段没生效

<!DOCTYPE html>

<html>

<head>

<style>

.l1{display:none;}

</style>

</head>

<body>

$(function(){

var text=$('a').html();

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

if(text=="更多"){

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

$(".l1").css('display','block');

}else{

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

$('.l1').css('display','none');

}

});

</script>

<ul>

</ul>

</body>

</html>

许切

2016-02-26

源自：jQuery基础课程 3-13

关注问题我要回答

308

操作

收起

2 回答

lxc1363992
2016-02-27

<!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>
        <style>
            .l1{display:none;}
        </style>
    </head>
    
    <body>
    <script>
        $(function(){
           var text=$('a').html();
           $("a").click(function(){
               if($("a").text()==="更多"){//注意这里
                   $("a").html("简化");
                   $(".l1").css('display','list-item');//注意这里
               }else{
                   $('a').html('更多');
                   $('.l1').css('display','none');
               }
               
           });
            });
        
    </script>
    <ul>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li class="l1">1</li>
        <li class="l1">1</li>
        <a href="#">更多</a>
        
    </ul>
    
        
    </body>
</html>

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

收起回答

许切提问者
2016-02-26

<!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>
        <style>
            .l1{display:none;}
        </style>
    </head>
    
    <body>
    <script>
        $(function(){
           var text=$('a').html();
           $("a").click(function(){
               if(text=="更多"){
                   $("a").html("简化");
                   $(".l1").css('display','block');
                   
               }else{
                   $('a').html('更多');
                   $('.l1').css('display','none');
               }
               
           });
            });
        
    </script>
    <ul>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li class="l1">1</li>
        <li class="l1">1</li>
        <a href="#">更多</a>
        
    </ul>
    
        
    </body>
</html>