如何通过使用jquery在选择框之外的其他位置单击来使选择框下拉

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

$(document).ready(function(){
  // 点击选择框时触发事件
  $("#selectBox").click(function(e){
    e.stopPropagation(); // 阻止事件冒泡，避免下面的点击事件触发
    $(this).toggleClass("open"); // 切换选择框的打开/关闭状态
  });

  // 点击页面其他位置时触发事件
  $(document).click(function(e){
    if(!$(e.target).is("#selectBox")){ // 如果点击的不是选择框本身
      $("#selectBox").removeClass("open"); // 关闭选择框
    }
  });
});

#selectBox {
  position: relative;
}

#selectBox.open {
  /* 定义下拉效果的样式，例如显示下拉选项、改变背景颜色等 */
}