单击以显示div并在再次单击时使其消失

Question

我有这个jquery代码我想弄清楚 - 完全丢失了。这太乱了，我希望有人可以帮我解决这个问题。

基本上我想点击“嗨”并让第二个div向下滑动 - 当我再次点击“嗨”时，我希望第二个div滑回来。这可能很容易......但由于某种原因，我无法将我的思绪包裹在Jquery＆gt;

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

    });
});

});

这是JSBIN - 非常感谢任何帮助。

Answer 1

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

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

jsbin