1

Спасибо вашему сайту за помощь

1 ответ 1

1

У Вас, когда функция выполняется в первый раз, inline свойство style.display - пустое.

One.onclick = function() {
  var display = getComputedStyle(document.getElementById('content')).display;
  if (display == "none") {
    document.getElementById('content').style.display = "block";
  } else {
    document.getElementById('content').style.display = "none";
  }
}
#content {
  border: 2px solid black;
  background: green;
  width: 150px;
  padding: 30px;
  display: none;
}

#One {
  font-size: 50px;
  outline: none;
  background-color: transparent;
  border: 0;
}
<button id="One">Html</button>
<div id="content"> тут скрытый блок</div>

3
  • Да, все работает, благодарю вас
    – user362586
    3 янв 2020 в 17:58
  • @user362586 Пожалуйста. Успехов. Знак "галочка" - слева от ответа.
    – user176262
    3 янв 2020 в 18:06
  • Да, я знаю про галочку, просто нужно было какое-то время, чтобы ее поставить
    – user362586
    3 янв 2020 в 18:07

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.