利用jquery里的slideToggle方法实现点击“”隐藏图片”，图片向上滑动隐藏，按钮变...

相爱已经幻灭 · 发表于 2018-12-21 11:04:55

老师你好，我的这个代码是实现了图片的隐藏和显示切换操作，但按钮并没有变化，请老师指点

<head>
<title>上下滑动</title>
<meta charset="utf-8">
<script src="jquery-3.3.1.js"></script>
<script type="text/javascript">
      $(function(){
         $("button").click(function(){
            $("img").slideToggle(function(){
                  $("button").html("显示图片");
            },function(){
                  $("button").html("隐藏图片")；
            })
         });
      });
</script>
</head>
<body>
<button>隐藏图片</button><br/>
<img width="100px" height="100px" src="Penguins.jpg" />
</body>

在学课程：

jQuery框架

http://www.atstudy.com/course/1000

学掌门网校 · 发表于 2018-12-21 11:16:06

同学你好，代码中有错误，参考如下

<!DOCTYPE html>
<html>
<head>
<title>上下滑动</title>
<meta charset="utf-8">
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
   $(document).ready(function(){
         $("button").click(function(){
         $("img").slideToggle();

         var a = $(this).html();
         if (a == '显示图片'){
         $("button").html("隐藏图片");}
         else
            $("button").html("显示图片");

  });
});

</script>
</head>
<body>
<button>隐藏图片</button><br/>
<img width="100px" height="100px" src="Penguins.jpg" />
</body>
</html>

		自动登录	找回密码
密码			(注-册)加入51Testing

[在学] 利用jquery里的slideToggle方法实现点击“”隐藏图片”，图片向上滑动隐藏，按钮变...

站长推荐 /1