[Malleys]

<div class="bar">
	<a href="#one">NEW</a>
	<a href="#two">CITY</a>
	<a href="#three">PEOPLE</a>
	<a href="#four">LANDSCAPE</a>
	<a href="#five">ANIMAL</a>
	<a href="#six">MACRO</a>
	<a href="#seven">REAL STATE</a>
</div>
<div class="tabs">
	<div id="two">2</div>
	<div id="three">3</div>
	<div id="four">4</div>
	<div id="five">5</div>
	<div id="six">6</div>
	<div id="seven">7</div>
	<div id="one">1</div>
</div>
<style>

	.tabs > [id],
	.tabs > [id]:target ~ [id] {
		display: none;
	}

	.tabs > [id]:target,
	.tabs > [id]:last-child {
		display: block;
	}

</style>

Всё-таки работающий пример реализации вкладок при помощи псевдо-класса :target