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

Question

我有这段我想弄清楚的 jquery 代码——完全迷失了。它非常混乱，我希望有人可以帮助我解决这个问题。

基本上我想单击“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

不要在第一个 click 事件处理程序中绑定另一个 click 事件处理程序，您真正需要的是fadeToggle如果您试图淡入和淡出第二个元素：

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

jsbin