前置，淡入和淡出组合

Question

我有一个指定类的按钮。单击按钮，验证一些内容并为用户提供一些响应。

第一次单击按钮时，它可以正常工作。每次下一次点击都不能很好地运作。

$(".hold").prepend($('<h3>Please insert name and comment</h3>').fadeIn('fast', function () {
            $(".hold").fadeOut('slow');
    }));

一些帮助？

Answer 1

为什么不尝试这样的事情：

    <script>
    $(function(){
      $(".hold").on("click",function(){
         $(this).prepend("<h3 class='added' style='display:none;'>Please insert name and comment</h3>");
         $(".added:last-of-type").fadeIn("fast");
         $(this).fadeOut("slow");
      });
    });
    </script>