У меня есть HTML-документ, тело которого содержит десятки элементов div, перечисленных последовательно. (Это макет небольших скриншотов.)
Внешний вид и расположение каждого div обрабатывается с помощью CSS.
Я хочу выборочно скрыть некоторые элементы div в зависимости от некоторых значений состояния. Для этого была создана функция javascript "hideSomeDivs()". (Функция выполняет итерацию по всем элементам div, при необходимости устанавливая для свойства style.display каждого элемента значение «none».)
Проблема: вызывать функцию hideSomeDivs() из будет слишком поздно: страница уже загружена и визуальные изменения отображаться не будут. Первоначальная планировка сохранена.
В. как/где я могу вызвать эту функцию, чтобы затронутые элементы div были скрыты, а весь макет был скорректирован соответствующим образом? Спасибо.
Дальнейшая информация:
помимо интерактивности javascript, страница является статической (т. е. серверная обработка недоступна).
Кроме того, я пытаюсь избежать любого «всплывания», когда элементы отображаются/скрываются после загрузки страницы и ее отображения в окне.
Кроме того, мне нужно, чтобы макет был переоценен и перерисован. например если я скрою разделы с 1 по 4, но покажу раздел 5, то раздел 5 должен появиться вверху страницы.