В общем Вы предлагаете не заморачиваться с функцией, а просто все сделать через css
И как тогда ссылаться на нужный таб?
moySite.ru/about#id1
moySite.ru/about#id2
moySite.ru/about#id3
так? и оно будет работать?

будет!
или вам подгрузка контента с других страниц нужна?
если да то iframe , ajax или чем то подобным

Нет, подгрузка не нужна.
Спасибо!) поставил работает.)
Если не разберусь с JS то использую Ваш Вариант.
А если с JS заморочиться и сделать через якоря и проверки:
window.location.hash.replace("#","");

это намного сложнее?

нет, но css в данном случае выгодней.

последний вопрос:
если все реализовать по Вашему примеру - как тогда
при нажатии на ссылку <a></a> сделать так чтобы она выделялась красным, а все остальные были серыми?
Как это сделать с input понятно, а как это сделать с div в котором <a></a> вот в таком дереве:
<div class="tabflex">
<div class="tab"><a href="/about#id1">Блок 1</a></div>
<div class="tab"><a href="/about#id2">Блок 1</a></div>
<div class="tab"><a href="/about#id3">Блок 1</a></div>
</div>

скриптом

$('.tabflex .tab a').click(function(){
$(this).css('color', 'red').parent().siblings('.tab').children('a').css('color', 'gray');
});

айдишники уже заняты div-ами

зачем искать то что было когда-то найдено?

хотел в одну строку записать :cray:

:write:

var a=$(".tabflex .tab a");a.click(function(){a.css("color","gray");$(this).css("color","red")});

var a=$(".tabflex .tab a");
a.click(function(){
a.css("color","gray");
$(this).css("color","red")
});

ох ты как хитро придумал :blink: