Есть DIV с форматированным текстом (правила пользования сервисом).
Сейчас этот DIV выводится в конце страницы.
В начале страницы есть три плавающих (float) DIV с формами, в которых есть checkbox с текстом «Я принимаю условия предоставления сервиса».
Я хочу сделать так, чтобы «условия предоставления сервиса» были ссылкой, при клике на которой отображался первый DIV, а при повторном клике или клике за пределами DIV он скрывался.
Вариантов я нашел много, но мне нужна максимальная совместимость — страница будет в основном отображаться на мобильных клиентах (телефоны, смартфоны, планшеты). Проблема с совместимостью не в самом скрытии/показе (это работает везде), а в позиционировании — иногда этот всплывающий DIV уползает вбок, иногда не масштабируется, иногда прокручивается в неожиданных направлениях.
________________________
Мы смотрим с оптимизмом...
...в оптический прицел.

Я бы не хотел утяжелять страницу.
Мне только в одном месте нужно показать такой информационный бокс.