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

这段代码哪里错了呢

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(
$("#btn").bind("click",function(){
var $this = $(this);
if($this.val()=="查看"){
$("ul").slideUp(1000,function (){
$this.val("隐藏")
})
}else {
$("ul").slideDown(1000,function(){
$($this).val("查看")
})
}
})
)
</script>
</head>
<body>
<h3>使用slideUp()和slideDown()方法的滑动效果</h3>
<div>
<h4>我喜欢吃的水果</h4>
<ul>
<li>苹果</li>
<li>甘桔</li>
<li>梨</li>
</ul>
<input type="button" id="btn" value="查看"/>
</div>
</body>
</html>

梦要够疯才能变成英雄雄雄

2015-12-07

源自：jQuery基础课程 7-4

关注问题我要回答

306

操作

收起

2 回答

木子舟义
2015-12-07

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>

</head>

<body>
    <h3>使用slideUp()和slideDown()方法的滑动效果</h3>
    <div>
        <h4>我喜欢吃的水果</h4>
        <ul>
            <li>苹果</li>
            <li>甘桔</li>
            <li>梨</li>
        </ul>
        <input type="button" id="btn" value="查看" />
    </div>
    <script type="text/javascript">
    $(document).ready(function(){
      $("#btn").bind("click", function() {
            var $this = $(this);
            if ($this.val() == "查看") {
                $("ul").slideUp(1000, function() {
                    $this.val("隐藏")
                });
            } else {
                $("ul").slideDown(1000, function() {
                    $($this).val("查看")
                });
            }
        });
    });
    </script>
</body>

</html>

你的JQuery代码的 $(document).ready(function(){}) 写错了