Как реализовать функцию скрыть показать div?

Question

[pirojok_yoyo]

Нашел вот такое решение codepen.io/kevio17/pen/JXqxMb но как добавить чтобы по дефолту блок 1 ссылки был открыт

Answer 1

[Игорь Перегудов]

можешь через добавление класса, например "active", реализовать, а первому блоку в html задать класс active

примерно так:

css:

.active {
    display: block;
}

js (jquery):

$('.block').on('click', function(){
    $(this).toggleClass('active')
})

соответственно самим блокам даешь display: none

Answer 2

[Konstantin Trunov]

в данном примере для появление первого блока при загрузке добавь эту строчку

document.getElementById('div0').style.display = "block";

чтобы получилось:

window.onload = function() {
// Setup - hide all divs initially, assign event to links
  HideDivs();
  for (var i = 0; i < allDivs.length; i++) {
    var link = i;
    document.getElementById(link).addEventListener("click", ShowDiv, false);
  }
  
  document.getElementById('div0').style.display = "block";
}

Answer 3

[lega]

codepen.io/anon/pen/ygeddE