проверка css :target в jquery Почему не работает?

[crystaltrumpet]

$(window).on("load", function() {
    var a = $(".tabflex .tab");
    a.click(function() {
        a.css("background", "rgba (128,128,128, 0.5)");
        $(this).css("background", "gray")
    });

    function out() {
        var elem = $(":target"),
            str = "все блоки закрыты";
        if (elem.length) str = "блок " + elem[0].id + " открыт";
        $("#state").text(str)
    }
    $(window).on("hashchange", out).trigger("hashchange");

});

Ронни - сработало) Вы гений! Я бы в жизнь не додумался до такого.
Огромное спасибо и респект!
Последний вопрос:
а можно с помощью этого выражения, что вы написали при загрузке страницы чтобы подвсечивался нужный tab?
а то при перезагрузке страницы все табы одного цвета.

[рони]

crystaltrumpet,
строка 11

if(elem.length) {
   var id = elem[0].id;
   str = "блок " + id + " открыт";
   id = {"id1" : 0, "id2" : 1, "id3" : 2}[id];
   a.eq(id).css("background","gray");
  };

[рони]

crystaltrumpet,
должно так работать

$(window).on("load", function() {
var a=$(".tabflex .tab");
function out()
{
  var elem = $(":target"), str = "все блоки закрыты";
  if(elem.length) {
   var id = elem[0].id;
   str = "блок " + id + " открыт";
   id = {"id1" : 0, "id2" : 1, "id3" : 2}[id];
   a.css("background","rgba (128,128,128, 0.5)");
   a.eq(id).css("background","gray");
  }
  $("#state").text(str)
}
$(window).on("hashchange", out).trigger("hashchange");

});

[crystaltrumpet]

Рони, только заметил что все эти ссылки работают только если нажимаешь контрал+ ф5 ((
в общем ладно.. не буду Вас мучать.. наверно вся это затея с хешами и обновлению по отслеживанию :target полная ерунда.. это больше мой прокол, я сам поставил задачу делать условие через таргет а он работает очень глючно(
единственное как я думаю можно отследить это по url адресу
если написать условие что если переходишь по ссылке где в конце #id2 тогда выполняем подсветку tab[1]
такие еть инструменты в js ?

[рони]

crystaltrumpet,
может убрать лишнее href="/about#id2">

такие еть инструменты в js ?

куча тем
Подсветка строки при переходе по якорю
https://javascript.ru/forum/jquery/5...tml#post393339
Плавный скролл к div после клика, но уже на другой странице