显示/隐藏div'；用javascript在按钮上按下（并在按钮之间切换）

我想做一个按钮函数，用javascript显示/隐藏div，并让按钮在彼此之间切换

我可以让它们显示和隐藏，但不能让按钮在没有显示其他div的情况下在彼此之间切换

<script type="text/javascript" language="javascript">
function showHide() {
var ele = document.getElementById("showHideDiv");
if(ele.style.display == "block") {
        ele.style.display = "none";
  }
else {
    ele.style.display = "block";
}
}

function showHide1() {
var ele = document.getElementById("showHideDiv1");
if(ele.style.display == "block") {
        ele.style.display = "none";
  }
else {
    ele.style.display = "block";
}
}
</script>

<button onclick="return showHide();">box1</button>
<button onclick="return showHide1();">box2</button>
<div id="showHideDiv" style="display:none;">text1</div>
<div id="showHideDiv1" style="display:none;">text2</div>

函数showHide（）{
var ele=document.getElementById（“showHideDiv”）；
如果（ele.style.display==“块”）{
ele.style.display=“无”；
}
否则{
ele.style.display=“块”；
}
}
函数showHide1（）{
var ele=document.getElementById（“showHideDiv1”）；
如果（ele.style.display==“块”）{
ele.style.display=“无”；
}
否则{
ele.style.display=“块”；
}
}
框1
框2
文本1
文本2

如果我答对了问题，这可能有用

<script type="text/javascript" language="javascript">
    function showHide() {
        var ele = document.getElementById("showHideDiv");
        var ele1 = document.getElementById("showHideDiv1");
        ele1.style.display = "none";
        if(ele.style.display == "block") {
                ele.style.display = "none";             
          }
        else {
            ele.style.display = "block";            
        }
    }

    function showHide1() {
        var ele = document.getElementById("showHideDiv");
        var ele1 = document.getElementById("showHideDiv1");
        ele.style.display = "none";
        if(ele1.style.display == "block") {
                ele1.style.display = "none";
          }
        else {
            ele1.style.display = "block";
        }
    }
</script>

<button onclick="return showHide();">box1</button>
<button onclick="return showHide1();">box2</button>
<div id="showHideDiv" style="display:none;">text1</div>
<div id="showHideDiv1" style="display:none;">text2</div>

函数showHide（）{
var ele=document.getElementById（“showHideDiv”）；
var ele1=document.getElementById（“showHideDiv1”）；
ele1.style.display=“无”；
如果（ele.style.display==“块”）{
ele.style.display=“无”；
}
否则{
ele.style.display=“块”；
}
}
函数showHide1（）{
var ele=document.getElementById（“showHideDiv”）；
var ele1=document.getElementById（“showHideDiv1”）；
ele.style.display=“无”；
如果（ele1.style.display==“块”）{
ele1.style.display=“无”；
}
否则{
ele1.style.display=“块”；
}
}
框1
框2
文本1
文本2

您所说的“相互切换”是什么意思。你想在第一个div可见时隐藏第二个div吗？是的，没错，我不知道它在两个div之间切换，但它不会再次隐藏div