Javascript 如何切换其他引导按钮的内容？

我正在使用bootstrap和scss创建wordpress页面，但在创建可折叠内容时遇到了一些问题。我有四个按钮，我希望只显示其中一个按钮的内容，而其他按钮则被折叠。例如，如果我单击第二个按钮，按钮1、3和4将不显示任何内容

另外，我有一个活动类，以清晰的方式显示哪个类被按下，它不能正常工作。任何帮助都会很好，谢谢

var-mainStarter={
初始化：函数（）{
这个.buttonActivity（）；
this.toggleButton（）；
},
按钮活动：函数（）{
$（.btn.btn bg md”）。在（“单击”，函数（）上{
$（this.toggleClass（'active'）；
});
},
toggleButton:function（）{
$（'.column按钮'）。单击（函数（）{
$（“.collapse:visible”）.add（$（this.next（））.slideToggle（）；
});
},
$（函数（）{
mainStarter.initialize（）；
});

.row{
显示器：flex；
}

第一天
第2天
第3天
第4天
一点
2点
三点
四点

我不确定您真正想要什么（您的信息不太清楚）。我的理解是，您需要两个按钮。单击第一个按钮时，它显示第一条消息，隐藏第二条消息。单击第二个按钮时，它显示第二条消息，隐藏第一条消息。如果我理解正确，您可以使用jquery，在div上使用正确的ID

$("#button1").click(function() {
    if ($("#collapsebutton2").is(":visible")) {
    $("#collapsebutton2").toggle( "slow", function() {

    });
  }
  $("#collapsebutton1").toggle( "slow", function() {

  });

});

$("#button2").click(function() {
  $("#collapsebutton2").toggle( "slow", function() {

  });

  if ($("#collapsebutton2").is(":visible")) {
    $("#collapsebutton1").toggle( "slow", function() {

  });
  }
});

---

我不确定你真正想要什么（你的信息不是很清楚）。我的理解是，您需要两个按钮。单击第一个按钮时，它显示第一条消息，隐藏第二条消息。单击第二个按钮时，它显示第二条消息，隐藏第一条消息。如果我理解正确，您可以使用jquery，在div上使用正确的ID

$("#button1").click(function() {
    if ($("#collapsebutton2").is(":visible")) {
    $("#collapsebutton2").toggle( "slow", function() {

    });
  }
  $("#collapsebutton1").toggle( "slow", function() {

  });

});

$("#button2").click(function() {
  $("#collapsebutton2").toggle( "slow", function() {

  });

  if ($("#collapsebutton2").is(":visible")) {
    $("#collapsebutton1").toggle( "slow", function() {

  });
  }
});