Javascript HTML divs切换可见性不工作

嗨，我正试图让我的3个div中的一个在点击相应的按钮后显示，但什么都没有发生。有人能帮我吗？ 谢谢

政务司司长：围棋小组中心
html{
宽度：100%；
身高：100%；
}
body{/*用于设置网页的大小，这样您就不会看到两张图片*/
宽度：100%；
身高：100%；
保证金：0；
填充：0；
}
p{
字体系列：“投石机MS”，Helvetica，无衬线；
字号：1em；
}
h1{
字体系列：“投石机MS”，Helvetica，无衬线；
字号：2em；
}
.中心{
文本对齐：居中；
宽度：100%；
边框：1px实心#8AC007；
}
.空的{
宽度：100%；
边框：1px实心#8AC007；
垫面：3%；
}
.集装箱{
宽度：50%；
身高：10%；
边框：1px实心#090dc0；
填充：1%25%1%25%；
}
.同一排{
宽度：26%；
身高：100%；
浮动：左；
显示：块；
保证金：0自动；
文本对齐：居中；
边框：1px实心#8AC007；
}
钮扣{
身高：100%；
宽度：100%；
垂直对齐：中间对齐；
背景色：暗色；
保证金：自动；
边框颜色：#bc3315；
}
输入：焦点{
大纲：无；
}
a{
字体系列：“投石机MS”，Helvetica，无衬线；
字号：2em；
颜色：白色；
}
.设置块{
身高：30%；
宽度：70%；
填充物：5%15%；
边框：1px实心#8AC007；
}
功能切换\u可见性（id）{
var e=document.getElementById（id）；
开关（e）{
案例e='bo1s'：
e、 style.display='block'；
'bo3s'。style.display='none'；
'bo5s'。style.display='none'；
打破
案例e=‘bo3s’：
e、 style.display='block'；
'bo1s'.style.display='none'；
'bo5s'。style.display='none'；
打破
案例e=‘bo5s’：
e、 style.display='block'；
'bo1s'.style.display='none'；
'bo3s'。style.display='none'；
打破
}
}
选择你的否决权设置




BO1
BO3
BO5
测试1
测试2
测试3

将switch语句更改为

switch（e.id）{

---

在将HTML元素与字符串进行比较时，需要访问id属性，并将其与字符串进行比较。

将switch语句更改为

switch（e.id）{

---

在将HTML元素与字符串进行比较时，您需要访问id属性，并将其与字符串进行比较。

这将解决

问题和切换问题。您可能还应该查看CSS，因为按钮似乎已被切断

政务司司长：围棋小组中心
html{
宽度：100%；
身高：100%；
}
body{/*用于设置网页的大小，这样您就不会看到两张图片*/
宽度：100%；
身高：100%；
保证金：0；
填充：0；
}
p{
字体系列：“投石机MS”，Helvetica，无衬线；
字号：1em；
}
h1{
字体系列：“投石机MS”，Helvetica，无衬线；
字号：2em；
}
.中心{
文本对齐：居中；
宽度：100%；
边框：1px实心#8AC007；
}
.空的{
宽度：100%；
边框：1px实心#8AC007；
垫面：3%；
}
.集装箱{
宽度：50%；
身高：10%；
边框：1px实心#090dc0；
填充：1%25%1%25%；
}
.同一排{
宽度：26%；
身高：100%；
浮动：左；
显示：块；
保证金：0自动；
文本对齐：居中；
边框：1px实心#8AC007；
}
钮扣{
身高：100%；
宽度：100%；
垂直对齐：中间对齐；
背景色：暗色；
保证金：自动；
边框颜色：#bc3315；
}
输入：焦点{
大纲：无；
}
a{
字体系列：“投石机MS”，Helvetica，无衬线；
字号：2em；
颜色：白色；
}
.设置块{
身高：30%；
宽度：70%；
填充物：5%15%；
边框：1px实心#8AC007；
}
功能切换\u可见性（id）{
var e=document.getElementById（id）；
开关（e.id）{
案例e.id='bo1s'：
e、 style.display='block'；
document.getElementById（'bo3s'）.style.display='none'；
document.getElementById（'bo5s'）.style.display='none'；
打破
案例e.id='bo3s'：
e、 style.display='block'；
document.getElementById（'bo1s'）.style.display='none'；
document.getElementById（'bo5s'）.style.display='none'；
打破
案例e.id='bo5s'：
e、 style.display='block'；
document.getElementById（'bo1s'）.style.display='n
<script type="text/javascript">

    function toggle_visibility(id) {
        var e = document.getElementById(id);

        switch (e.id){
            case 'bo1s':
                e.style.display = 'block';
                document.getElementById('bo3s').style.display = 'none';
                document.getElementById('bo5s').style.display = 'none';
                break;
            case 'bo3s':
                e.style.display = 'block';
                document.getElementById('bo1s').style.display = 'none';
                document.getElementById('bo5s').style.display = 'none';
                break;
            case 'bo5s':
                e.style.display = 'block';
                document.getElementById('bo1s').style.display = 'none';
                document.getElementById('bo3s').style.display = 'none';
                break;
        }
    }
</script>

this.toggle_visibility = function toggle_visibility(id) {
    var e = document.getElementById(id);

    switch (e.id){
        case e.id = 'bo1s':
            e.style.display = 'block';
            $('#bo3s').css('display', 'none');
            $('#bo5s').css('display', 'none');
            break;
        case e.id = 'bo3s':
            e.style.display = 'block';
            $('#bo1s').css('display', 'none');
            $('#bo5s').css('display', 'none');
            break;
        case e.id = 'bo5s':
            e.style.display = 'block';
            $('#bo1s').css('display', 'none');
            $('#bo3s').css('display', 'none');
            break;
    }
};