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

哪里错了啊，找不到。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>挑战题</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
</head>
<style type="text/css">
   div{margin: 10px 0px;border: solid 1px #ccc;width: 280px;}
   ul{list-style-type: none;padding: 5px;margin: 0px;display: none;}
   li{margin: 3px;}
   h4{background-color: #eee;padding: 5px;margin: 0px;}
</style>
<body>
<h3>show()和hide()方法动画方式现实和隐藏元素</h3>
<div>
    <h4>我喜欢吃的水果</h4>
   <ul>
      <li>苹果</li>
      <li>柑桔</li>
      <li>梨</li>
   </ul>
   <input type="hidden" value="0">
</div>
<script type="text/javascript">
    $(function(){
      $("h4").bind("click",function(){
        if($("input").val()==0){
          $("ul").show(300,function(){
            $("input").val(1);
          })
       }else{
          $("ul").hide(300,function(){
            $("input").val(0);
       }
      })
   })
</script>
</body>
</html>

Alphonse丿

2016-03-03

源自：jQuery基础课程 7-2

关注问题我要回答

201

操作

收起

3 回答

慕課君
2016-03-28

哥们，做代码要养成良好的书写规范，别觉得这样无关大小，有的时候就因为少了一个括号就出现了错误。你这样的问题其实挺让人无奈的，会的人不愿回答，不会的等人看不出来，况且对你对我们一点进步都没有。

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

收起回答

weibo_张先生有一条有志向的_0
2016-03-03

当代码不运行的时候检查下，是不是少有闭合括号，或者一些关键字写错了，耐心点盘查错误。实在不行就是删掉再写一遍总能找出错误

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

收起回答

慕容9060116
2016-03-03

$(function(){
      $("h4").bind("click",function(){
        if($("input").val()==0){
          $("ul").show(300,function(){
            $("input").val(1);
          })
       }else{
          $("ul").hide(300,function(){
            $("input").val(0);
       }
      })
   })

这部分换成

$(function(){
      $("h4").bind("click",function(){
             if($("input").val()==0){
                 $("ul").show(300,function(){
                     $("input").val(1);
                 });
             }else{
                 $("ul").hide(300,function(){
                     $("input").val(0);
                 });
             }
      });
    })

你少了” });“ 可以对比一下就很清楚了

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

收起回答