Javascript 从两个触发器切换jquery

我有两个复选框，显示和显示一些div

切换时的第一个复选框将显示银行名称和银行地址。选中后的第二个框将显示银行名称和银行分行

我想要实现的是：当两个复选框都选中时，用户应该看到银行名称、银行地址和银行分行，显然，当两个复选框都未选中时，用户应该什么也看不到

我在为toggle函数设置正确的逻辑时遇到了问题，因为这两个复选框都试图在不考虑当前状态的情况下打开/关闭银行名称。单击复选框2将从显示中删除银行名称，这不是我想要的

我想我应该使用某种全局变量来帮助我跟踪它，但我似乎无法让它工作

---

我的代码在这里：

检查切换代码

$('#checkbox1').click(function() {
  if($('#checkbox2').is(':checked')) {
    //Display Branch code
  } else {
    //Toggle code
  }
});

类似地，对于第二个复选框

$('#checkbox2').click(function() {
  if($('#checkbox1').is(':checked')) {
    //Display Branch code
  } else {
    //Toggle code
  }
});

---

通过选中其中一个复选框并使用showOrHide参数，您可以这样做

$('#box1').click(function() {
    $("#bank_address").toggle(this.checked);
    $("#bank_name").toggle($('#box2').is(':checked') || this.checked);
});

$('#box2').click(function() {
    $("#bank_branch").toggle(this.checked);
    $("#bank_name").toggle($('#box1').is(':checked') || this.checked);
});