Html 加载页面时最初显示div

我需要使用html页面中的两个链接按钮在student和staff div之间切换（即，页面中只应显示一个div，单击按钮时将隐藏另一个div）

问题是，只有在单击按钮、页面最初加载时，代码才起作用，没有显示div，页面为空。我想在页面加载时默认显示student div，然后根据单击的按钮在student和staff div之间切换

如何使用HTML和CSS实现这一点

.panel{
溢出y：自动；
溢出x：隐藏；
利润率最高：-150%；
位置：绝对位置；
背景：#000；
颜色：#fff；
盒影：0px4px7pxRGBA（0,0,0,0.6）；
z指数：2；
}
.小组：目标{
位置：相对位置；
利润率最高：0%；
背景色：黑色；
}

学生内容
员工内容

默认面板应在HTML中最后出现。创建默认情况下显示最后一个面板的规则。当最后一个面板是目标面板的同级面板时，创建一个规则以隐藏该面板

.panel，.panel:target~#student{
溢出y：自动；
溢出x：隐藏；
利润率最高：-150%；
位置：绝对位置；
背景：#000；
颜色：#fff；
盒影：0px4px7pxRGBA（0,0,0,0.6）；
z指数：2；
}
.小组：目标，#学生{
位置：相对位置；
利润率最高：0%；
背景色：黑色；
}

员工内容
学生内容