jquery - 单击使 div 出现并在再次单击时使其消失

Question

我有这段 jquery 代码，我正试图弄清楚 - 完全丢失了。它 super 困惑，我希望有人能帮我解决这个问题。

基本上我想单击“Hi”并让第二个 div 向下滑动 - 当我再次单击“Hi”时，我希望第二个 div 向上滑动。这可能很简单……但出于某种原因，我就是无法全神贯注于 Jquery >

$(document).ready(function() { 
  $("#hi").click(function () {
    $("#one").toggle(function() {
      $(this).fadeIn("slow", function() {
        $(this).click(function(){
        $(this).fadeOut("slow");
        });
      }); 

    });
});

});

这里是 JSBIN - 任何帮助将不胜感激。

Answer 1

不要在第一个点击事件处理程序中绑定(bind)另一个点击事件处理程序，如果您试图使第二个元素淡入淡出，您真正需要的只是fadeToggle:

$(document).ready(function() { 
    $("#hi").click(function () {
        $("#one").fadeToggle(); 
    });
});

jsbin