Часть JavaScript не работает ⇐ CSS

[Anonymous]

Итак, на веб-сайте, с которым я работаю, я попытался сделать так, чтобы панель поиска появлялась, когда пользователь нажимает кнопку поиска.
Кнопка поиска – html:

Код: Выделить всё

окно поиска – HTML:

Код: Выделить всё

Я добавил стили CSS по умолчанию, чтобы окно поиска исчезало до тех пор, пока не будет нажата кнопка поиска. (как прибавление права к минусовому значению)

Код: Выделить всё

.header .search-form {
border: 0px solid;
position: absolute;
top: 110%;
right: -110%;    /* {
searchForm.classList.toggle('active');
}

но, похоже, это не работает.
Я попробовал это как добавление функции в js и установил для элемента значение

Код: Выделить всё

это тоже не сработало, я дважды проверил свой путь к файлу JS, и совпадает, и это сработало. также попытался добавить скрипт как внутренний в html-файл прямо перед закрывающим тегом тела. тоже не получилось

Код: Выделить всё

.......... 

Я также пытался сделать значение справа от активного класса, установив для него более высокое значение, но ничего не получилось

Подробнее здесь: https://stackoverflow.com/questions/765 ... unctioning