jQuery всплывающее окно / скрыть окно

Question

Вот где я сейчас нахожусь: http://jsbin.com/ujuqa3/4

Пока что я решил установить для переменной значение false и true, когда открыт .share-box.После того, как он открыт, я хочу, чтобы пользователь мог щелкнуть в любом месте (кроме поля), чтобы закрыть его.

Прямо сейчас он работает с первого раза, но в любое время после этого он по какой-то причине портится.

    $(document).ready(function() {

        // user clicks on report this button
       $(".shareThis").click(function() {

        // confirmation fades in
        $(".share-box").fadeIn("fast"),

                // Prevent events from getting pass .share-box
                $(".share-box").click(function(e){
                  e.stopPropagation();
                });
       });

      $(document.body).click(function () {
                $("body").click(function(){
                    // hide the share-box if clicked anywhere aside from the box itself
                  $(".share-box").fadeOut().removeClass("active");
                });
  });
     });

Answer 1

построить демо на

http://jsbin.com/uyizi4/4

Answer 2

Добавить возвращаемое значение false;

  // user clicks on report this button
   $(".shareThis").click(function() {

  // confirmation fades in
      $(".share-box").fadeIn(),

      // Prevent events from getting pass .share-box
      $(".share-box").click(function(e){
        e.stopPropagation();
      });

 return false;
   });

Когда происходит нажатие $ ('. ShareThis'), оно также вызывает $ (document.body) .click