开发者社区> 问答> 正文

js动画点击显示,返回事件

$(function() {
        $("#tag-btn1").click(function() {
                $("#tag-div1").animate({
                    left: '122px',
                    opacity: '1',           
                })
        });

          $("#tag-btn1").click(1000,function(){
                $("#tag-div1").animate({
                    left: '100px',
                    opacity: '0', 
              });
        });
});

点击一下btn1就直接完成了两个动画,如何设置点击执行第一个,再点击隐藏

展开
收起
杨冬芳 2016-06-08 16:58:20 1670 0
1 条回答
写回答
取消 提交回答
  • 码农|Coder| Pythonista
      $("#tag-btn1").one("click",function() {
                    $("#tag-div1").animate({
                        left: '122px',
                        opacity: '1',           
                    })
                      $("#tag-btn1").one("click",function(){
                    $("#tag-div1").animate({
                        left: '100px',
                        opacity: '0', 
                  });
            });
            });
            
            
    这种?   
    
    改一下:
       $("#tag-btn1").one("click", show );
    
    function show(){
         $("#tag-div1").animate({
                    left: '122px',
                    opacity: '1',           
                })
           $("#tag-btn1").one("click", hide);
    }
    
    function hide(){
         $("#tag-div1").animate({
                    left: '100px',
                    opacity: '0', 
              });
          $("#tag-btn1").one("click", show);
    }

    这样就可以重复了,不过你的动画要改一下了。

    2019-07-17 19:32:20
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
JavaScript异步编程 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载