Как при переходе по якорной ссылке сделать чтобы открывался определенный блок?

Question

[pieredunn]

Добрый день!
Подскажите есть ли какой-то пример чтобы при переходе по ссылке типа сайт.рф#link01 открывался определенный блок( который изначально скрыт) с таким же id что и в якоре?
Другими словами у меня есть карта ТЦ на svg где блоки появляются при нажатии на определенное помещение на карте, а надо сделать еще чтобы можно было делать ссылку на карту с уже открытым определенным блоком.

Comments

[Andrew]

блок на какой странице?
На текущей? Посмотрите реализацию любой PopUp.
Если на открываемой, играйтесь там уже, после загрузки страницы - ловите адрес и проверяйте наличие после него #bla, если есть - открывайте блок.

[pieredunn]

Victor Solomko,

<button onclick=openbox(1)>Toggle 1</button>
<button onclick=openbox(2)>Toggle 2</button>
<button onclick=openbox(3)>Toggle 3</button>

<div class="item" id="item1">item 1</div>
<div class="item" id="item2" hidden>item 2</div>
<div class="item" id="item3" hidden>item 3</div>

function openbox(id){
    var el = document.getElementById('item'+id);

    if(el.hidden){
      document.querySelectorAll('.item').forEach(item => item.hidden = true);
      el.hidden = false;
    }else{
      el.hidden = true;
    }
}