问单击父div时jQuery隐藏范围弹出窗口

EN

$(document).ready(function(){	
    var counter = 0;
   	
    $(".popup").click(function() {
        $(this).toggleClass('active');
        $(this).siblings('.popup').removeClass('active');
    });
});

.popuptext {
  display: none;
}
.popup.active > .popuptext {
  display: block;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="popup"> English: Human Nature
    <span class="popuptext" id="English9">
        <h1>Human Nature</h1>
	      <br>
	      9th Grade ELA Course Description
	  </span>
</div>	
<div class="popup">English: Welcome to NY
    <span class="popuptext" id="EnglishELL">
        <h1>Welcome to NY</h1>
		    <br>
	      9th Grade ELA Course Description for ELLS
	  </span>
</div>

$(document).ready(function(){   
  $(".popup").click(function() {
    if($(this).find('span').hasClass('active')) {//This can be save in 2 variables {
      $(this).find('span').removeClass('active');
    } else {
        $(this).parent().find('span').removeClass("active");
        $(this).find('span').toggleClass( "active" );
    }
  });
}); 

$(document).ready(function(){   
  var active;
  $(".parent").click(function(e) {
    var target = $(e.target);
    if(!target) return;
    if($(active).hasClass('active')) {
      if(!$(target).find('span').hasClass('active')) {
        active.removeClass('active');
        active = $(target).find('span').addClass('active');
      } else {
          active = $(target).find('span').toggleClass('active')
      }
    } else {
        active = $(target).find('span').addClass('active');
    }
  });
}); 

$(document).ready(function(){ 
      var spans = $('.popup span').hide();
      $(".popup").click(function() {
        var this_span = $(this).find('span'),
        is_visible = this_span.is(":visible");
        spans.hide();
        if (!is_visible) {
            this_span.show();
        }
        });
    });