Html 显示DIV内容，直到选择另一个选项

我有一个DIV用作导航条。它会完全改变我喜欢点击的内容。但是，我希望我的产品设计内容最初显示，直到单击另一个选项

严格的CSS

下面是HTML

<a href="#div1">PRODUCT DESIGN </a> | 
<a href="#div2">PRINT DESIGN</a> | 
<a href="#div3">LOGOS</a> | 
<a href="#div4">WEB DESIGN</a> | 
<a href="#div5">WEBSITES</a>

<div id="togg">
    <div id="div1">
PRODUCT DESIGN
    </div>

    <div id="div2">
PRINT DESIGN
    </div>

    <div id="div3">
LOGOS
    </div>

    <div id="div4">
WEB DESIGN
    </div>

    <div id="div5">
WEBSITES
    </div>
</div>

---

您可以这样做：

隐藏{ 显示：无； }

第一组{ 显示：块； }

---

除此之外，您还需要使用javascript来更改导航栏clickI上的div内容。我一直试图避免使用javascript，但这似乎不是一个选项。如果您包含Javascript，请帮助解决此问题。

#togg > div {
    display: none;
}

#togg > div:target {
    display: block;
}