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

我这个代码为什么执行不了，去掉show函数能实现隐藏功能，有个函数隐藏功能都没了

<!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>
    
    <body>
     <ul>
         <li title="hide-list">1</li>
         <li title="hide-list">2</li>
         <li title="hide-list">3</li>
         <li title="hide-list">4</li>
         <li title="show-list">5</li>
         <li title="show-list">6</li>
         <li title="show-list">7</li>
         <li title="show-list">8</li>
        <a title="show-list" href="#" onclick="show()">更多</a>
     </ul>
     <script title="text/scipt">
        $("li[title='hide-list']").hide();
       function show(){
            if($("a").text()=="更多"){
            $("li[title='hide-list']").show();
            $("a").html("简化");
            }
            else(){
                $("li[title='hide-list']").show();
                $("a").html("更多");
            }
            }
     </script>
    </body>
</html>

丨丨丨丨丨

2015-08-12

源自：jQuery基础课程 3-13

关注问题我要回答

336

操作

收起

2 回答

管理員
2015-08-12

<script title="text/scipt">
	//$("li[title='hide-list']").hide();
	function show(){
		if($("a").text()=="更多"){
			$("li[title='hide-list']").show();
			$("a").html("简化");
		}
		else{       //else(){
			$("li[title='hide-list']").hide();     //$("li[title='hide-list']").show();
			$("a").html("更多");
		}
	}
</script>

你这个缩进太不专业了，注释掉的代码不太合理