CSS target display block example

CSS target display block example

HTML

<a href="#tab1">Tab 1</a>
<a href="#tab2">Tab 2</a>
<a href="#tab3">Tab 3</a>

<div class="hide container" id="tab1">Content Tab 1</div>
<div class="hide container" id="tab2">Content Tab 2</div>
<div class="hide container" id="tab3">Content Tab 3</div>

CSS

body {
  padding :15px;
}

.hide{
  display:none
}
.hide:target{
  display:block
}
.container{
  border:1px solid grey;
  height:300px;
}