Как сделать ещё и один такой же блок?

Question

[Den Savi]

Ребята, есть код

<a onclick="toggle(hidden_content)">Ссылочка</a>
  <div id="hidden_content" style="display: none;">Вот он я</div>

  <script>
  function toggle(el) {
  el.style.display = (el.style.display == 'none') ? '' : 'none'
  }
  </script>

При клике на ссылку появляется окно. Как сделать чтобы было две ссылки, и чтобы каждая открывала свое окно. Т.е. на данный момент "Ссылочка" открывает блок "Вот он я". Нужно сделать ещё одну ссылку, чтобы она открывала другой див.

Answer 1

[Роман Макаров]

Можно сохранять id нужного блока в data аттрибуте.
<a data-id="id" onclick="toggle" ><a>

function toggle (e) {
  var id = e.currentTarget.dataset.id;
  var block = document.querySelector('#' + id);
  block.style.display = block.style.display === 'none' ? 'block' : 'none';
}

По-хорошему нельзя обработчики в верстку помещать.