Двойное нажатие на кнопку

117
03 февраля 2022, 17:10

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

Answer 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>

READ ALSO
animation-iteration-count не работает

animation-iteration-count не работает

Не понимаю почему animation-iteration-count работает только для последней анимации?

101
Адаптив слайдера, уходящего в правую границу экрана

Адаптив слайдера, уходящего в правую границу экрана

Помогите сделать адаптив слайдера как на схеме:

139
angular mat-table сортировка и пагинатор не работают

angular mat-table сортировка и пагинатор не работают

Решил сделать вот такую форму

153