如何防止两个div在任何一个按钮被单击时同时切换内容

<button id="btn1">按钮1</button>
<button id="btn2">按钮2</button>

<div id="div1">内容1</div>
<div id="div2">内容2</div>

// 初始化标志变量
var allowSwitch = true;

// 按钮1的点击事件处理函数
$("#btn1").click(function() {
  if (allowSwitch) {
    allowSwitch = false;
    // 切换内容逻辑
    $("#div1").toggle();
    $("#div2").toggle();
    setTimeout(function() {
      allowSwitch = true;
    }, 500); // 设置一个延迟时间，确保切换完成后再允许下一次切换
  }
});

// 按钮2的点击事件处理函数
$("#btn2").click(function() {
  if (allowSwitch) {
    allowSwitch = false;
    // 切换内容逻辑
    $("#div1").toggle();
    $("#div2").toggle();
    setTimeout(function() {
      allowSwitch = true;
    }, 500); // 设置一个延迟时间，确保切换完成后再允许下一次切换
  }
});