Javascript html上的切换问题

我需要一些关于切换函数的帮助，， 我点击两个按钮后，另一个打开隐藏 不是一个接一个地打开的 对不起，我的英语不好*

我的js

我的html

<div>
<input class="styled-button-2" onclick="toggleMe('1')" type="button" value="Text 1" />
<input class="styled-button-2" onclick="toggleMe('2')" type="button" value="Text 2" />
<input class="styled-button-2" onclick="toggleMe('3')" type="button" value="Text 3" />
<input class="styled-button-2" onclick="toggleMe('4')" type="button" value="Text 4" />
</div>

<div id="1" style="display: block;">
111111111111
</div>
<div id="2" style="display: none;">
22222222222222
</div>
<div id="3" style="display: none;">
3333333333333
</div>
<div id="4" style="display: none;">
444444444444
</div>

---

我不太明白，对不起。。。这就是你想要的吗

Javascript:

var actual_div = 1;

function toggleMe(a){

    // hide the other div
    document.getElementById('div_'+actual_div).style.display = 'none';

    var e=document.getElementById('div_'+a);
    if(!e) return false;
    if(e.style.display=="none"){
        e.style.display="block"
    } else {
        e.style.display="none"
    }

    actual_div = a;

    return true;
}

HTML:

---

当您单击按钮1时，脚本具有一对一功能，只有id为1的div隐藏/显示，当您单击按钮2时，id为2的div隐藏/显示，因此您的脚本没有问题。哦，是的，那就是，，谢谢，，：

var actual_div = 1;

function toggleMe(a){

    // hide the other div
    document.getElementById('div_'+actual_div).style.display = 'none';

    var e=document.getElementById('div_'+a);
    if(!e) return false;
    if(e.style.display=="none"){
        e.style.display="block"
    } else {
        e.style.display="none"
    }

    actual_div = a;

    return true;
}

<div>
<input class="styled-button-2" onclick="toggleMe('1')" type="button" value="Text 1" />
<input class="styled-button-2" onclick="toggleMe('2')" type="button" value="Text 2" />
<input class="styled-button-2" onclick="toggleMe('3')" type="button" value="Text 3" />
<input class="styled-button-2" onclick="toggleMe('4')" type="button" value="Text 4" />
</div>

<div id="div_1"  style="display: block;">
111111111111
</div>
<div id="div_2" style="display: none;">
22222222222222
</div>
<div id="div_3" style="display: none;">
3333333333333
</div>
<div id="div_4" style="display: none;">
444444444444
</div>