Javascript 如何使用jQuery一次只隐藏/显示一个div

我想知道如何在jQuery中使用toggle一次只显示一个div，但我不知道怎么做。这是我目前的代码。我是新来的编码，所以我会感谢你的帮助

$(document).ready(function() {
$('#SignInButton').on('click', function() {
$('#SignInContainer').toggle();
 });
 });

$(document).ready(function() {
$('#HomeButton').on('click', function() {
$('#HomeContainer').toggle();
});
});

$(document).ready(function() {
    $('#ContactButton').on('click', function() {
    $('#FAQ').toggle();
    });
    });

---

首先，您不需要多个就绪函数。我会把它简化成这样

$(document).ready(function() {
  $('#SignInButton').on('click', function() {
    $('#SignInContainer').show();
    $('#HomeContainer').hide();
    $('#FAQ').hide();
  });

  $('#HomeButton').on('click', function() {
    $('#SignInContainer').hide();
    $('#HomeContainer').show();
    $('#FAQ').hide();
  });

  $('#ContactButton').on('click', function() {
    $('#SignInContainer').hide();
    $('#HomeContainer').hide();
    $('#FAQ').show();
  });
});

---

请分享html，你能澄清你的目标吗？是否要显示SignInContainer div，但隐藏其他两个HomeContainer和FAQ？如果是这样，您可能希望使用.hide and.show而不是切换@schwechel，我希望在任何时候只显示其中一个。所以当我展示FAQ时，我想隐藏HomeContainer和SignInContainer，谢谢大家！你是个传奇人物！