Флажки на Показать Скрыть Div

Question

У меня есть div, который появляется, когда пользователь нажимает на форму, и исчезает, когда пользователь нажимает в другом месте. Это отлично работает. Проблема в том, что на этом конкретном div есть несколько флажков. И они не работают, когда я использую этот скрипт jquery, чтобы показать / скрыть div. Может кто-нибудь сказать мне, что я должен делать? Спасибо. Вот код, который я использую:

<script>
var divVisible=false;
    $(document).ready(function() {

      //divVisible=true;
      // user clicks on report this button
       $(".box").click(function() {

      // confirmation fades in
         divVisible=true;
          $("#mydiv").fadeIn("fast"),

          // Prevent events from getting pass #searchappear
          $("#mydiv").click(function(e){
            e.stopPropagation();
            return false;
          });return false;
       });

      $(document.body).click(function () {
        //$("body").click(function(){
            // hide the share-box if clicked anywhere aside from the box itself
        //console.log(divVisible);
            if(divVisible==true){
            $("#mydiv").fadeOut().removeClass("active");
             divVisible=false; 
            }
          });
      });
      //});

</script>

Answer 1

Удалите возвращаемое ложное значение из клика #mydiv, это мешает клику на флажок.