                        課程
                    
                        /前端開發(fā)
                        
                            /jQuery
                        
                        /jQuery基礎(chǔ)課程

怎么else那段沒生效

<!DOCTYPE html>

<html>

? ? <head>

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

? ? ? ? <title>挑戰(zhàn)題</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("簡(jiǎn)化");

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

? ? ? ? ? ? ? ? ? ?

? ? ? ? ? ? ? ?}else{

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

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

? ? ? ? ? ? ? ?}

? ? ? ? ? ? ? ?

? ? ? ? ? ?});

? ? ? ? ? ? });

? ? ? ??

? ? </script>

? ? <ul>

? ? ? ? <li>1</li>

? ? ? ? <li class="l1">1</li>

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

? ? ? ??

? ? </ul>

? ??

? ? ? ??

? ? </body>

</html>

許切

2016-02-26

源自：jQuery基礎(chǔ)課程 3-13

關(guān)注問題我要回答

272

操作

收起

2 回答

lxc1363992
2016-02-27

<!DOCTYPE?html>
<html>
????<head>
????????<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
????????<title>挑戰(zhàn)題</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("簡(jiǎn)化");
???????????????????$(".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 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

許切提問者
2016-02-26

<!DOCTYPE?html>
<html>
????<head>
????????<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
????????<title>挑戰(zhàn)題</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("簡(jiǎn)化");
???????????????????$(".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>