Edit in JSFiddle

<ul>
    <li><a href="#content1">content1 </a></li>
    <li><a href="#content2">content2 </a></li>
</ul>

<div class="content" id="content1">
    <h1>content1</h1>
    <p>here is content1</p>
</div>
<div class="content" id="content2">
    <h1>content 2 !!!!!!!</h1>
    <p>here is content2</p>
</div>

.content {
    display: none;
}

.content:target {
    display: block;
}