顯示DIV內容直到選擇另一個選項

Question

我有一個用作我的導航欄的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> 

CSS低於

#togg > div { 
    display: none; 
} 

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

http://jsfiddle.net/xkaaaylax/3d2m3fso/

Answer 1

你可以做這樣的事情：

hide { display: none; }

#div1 { display: block; }

http://jsfiddle.net/fa2f8e00/