HTML, CSS, JS Как скрыть и показать элемент

149
09 марта 2022, 16:40

HTML

<a href="#" onclick="darkmessage()">Growl</a>
...
<div class="darkmessage">
<div class="alert alert-warning section_right_alert" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
Test.
</div>
</div>

CSS

.darkmessage {
display: none;
}

JS

function darkmessage() {
var b = document.getElementsByClassName('darkmessage');
if (b.style.display == 'block')
b.style.display = 'none';
else
b.style.display = 'block'
}

Как сделать при нажатии "Growl" сокрытие и раскрытие элемента с классом "darkmessage".

Answer 1

function darkmessage() { 
  var b = document.querySelector('.darkmessage'); 
  if (b.style.display == 'block') 
    b.style.display = 'none'; 
  else 
    b.style.display = 'block' 
}
.darkmessage { 
  display: none; 
}
<a href="#" onclick="darkmessage()">Growl</a> ... 
<div class="darkmessage"> 
  <div class="alert alert-warning section_right_alert" role="alert"> 
    <button type="button" class="close" data-dismiss="alert" aria-label="Close"> 
      <span aria-hidden="true">×</span> 
    </button> Test. 
  </div> 
</div>

READ ALSO
Наследование реализации

Наследование реализации

Что такое наследование реализации и почему private наследование называют наследованием реализации?

106
Закрытие методов класса в наследниках

Закрытие методов класса в наследниках

Есть несколько классов DriverProperty_p — прототип свойств драйвера, DriverProperty<T> — свойство доступное для чтения-записиDriverPropertyReadOnly< T > и DriverPropertyWriteOnly<...

78
Таблица, в которой значения уникальны только по своему id

Таблица, в которой значения уникальны только по своему id

У меня есть простая таблица, где каждое поле word привязано к значению id (auto increment) из другой таблицы

154
Android cameraX

Android cameraX

Можно ли использовать cameraX в background services? Нашёл пример с camera2 api, но не нашёл ничего подобного для cameraX

167