jquery - クリックしてdivを表示し、もう一度クリックすると消えます

Question

私は理解しようとしているこのjqueryコードを持っています-完全に失われました。とても面倒なので、誰かがこれを理解するのを手伝ってくれることを願っています。

基本的に、「こんにちは」をクリックして2番目のdivを下にスライドさせたい-「こんにちは」をもう一度クリックすると、2番目のdivがスライドして戻ります。おそらく簡単なことです...しかし、何らかの理由で、Jqueryに頭を悩ませることはできません>

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

    });
});

});

そして、これがJSBINです- どんな助けでも大歓迎です。