jquery - jquery 过渡效果

Question

当用户单击“关闭”时，我试图让该网站上的“告诉朋友按钮”返回其原始位置。我现在开始工作了，但是过渡很糟糕。当您单击关闭时，该按钮会出现在父 div 下方，然后再占据其原始位置。功能如下图：

$(document).ready(function() {
    $(".tell").click(function () {
        $("DIV#tellform").show("slide", { direction: 'left' }, 2000);
         $(".tell").hide("fade", {}, 1);
    });

    $(".closer").click(function () {
        $("DIV#tellform").hide("slide", { direction: 'left' }, 2000);
        $(".tell").show("fade", {}, 1);
    });
});

Answer 1

您还应该在第一次单击它时隐藏按钮而不褪色，因为这对我来说也很奇怪。

也许在一个单独的函数中声明更改，然后延迟？

   $(".closer").click(function () {

  $("DIV#tellform").hide("slide", { direction: 'left' }, 2000);

 setTimeout(delay,2000);

  function delay() {
  $(".tell").show("fade", {}, 1);
  }
  });

});

至少应该有类似的东西。祝你好运！

Answer 2

我确实将它设置为如下所示，它让父 DIV 有时间在它完全显示之前进行介词，因为它会慢慢淡出。

    $(document).ready(function() {

   $(".tell").click(function () {

      $("DIV#tellform").show("slide", { direction: 'left' }, 2000);

      $(".tell").hide("", {} );

});

   $(".closer").click(function () {

      $("DIV#tellform").hide("slide", { direction: 'left' }, 2000);
      $(".tell").show("fade", {}, 45000);

      });

  });



</script>