<head>
<meta charset="utf-8">
<style>
.tab > a:target {color:red;}
.tab > a ~ div{display:none;}
.tab > a:target:nth-child(1) ~ div:nth-child(4) {display:block;}
.tab > a:target:nth-child(2) ~ div:nth-child(5) {display:block;}
.tab > a:target:nth-child(3) ~ div:nth-child(6) {display:block;}
</style>
</head>
<div class="tab">
<a href="#tab01" id="tab01">таб 1</a>
<a href="#tab02" id="tab02">таб 2</a>
<a href="#tab03" id="tab03">таб 3</a>
<div>Текст первой закладки</div>
<div>Текст второй закладки</div>
<div>Текст третьей закладки</div>
</div>
</body>
Непонятно все эти танцы вокруг jQuery. Почему просто не проверить отображается блок или нет через getComputedStyle ?