Как сделать в html скрытые блоки?

Question

[Andrey38287512]

На моём сайте есть реклама в блоке див и есть ссылки на ответы тоже в блоках див. Я хочу сделать так что бы блок див с сылкой в начале был не видим а потом после нажатия на блок с рекламой он стал видим! как сделать?
Или как сделать таймер на появление блока к примеру через 7 секунд после захода на страницу! Помогите это сделать без js!

Comments

[xdevelx]

как сделать таймер на появление блока к примеру через 7 секунд

Помогите это сделать без js!

Вы хотите сделать таймер на css?

[xmoonlight]

xdevelx, а почему бы и нет?
Это реально.

[xdevelx]

xmoonlight, Реально сделать только псевдо timeout в виде анимации. Да и я не утверждал, что это не реально, а уточнил у ТС о его намерениях.

[xmoonlight]

xdevelx, а в чём разница?

Answer 1

[Антон Усачев]

Все на чистом css можно.

Answer 2

[Евгений]

Что касается логики скрытия/показа, то можно реализовать через чекбокс
https://codepen.io/ping2lai2/pen/bGdLBLw

Comments

[Andrey38287512]

Всё как я хотел! Можно ли сделать чтобы изначально блок был скрыт?

[Евгений]

Andrey38287512, да checked="checked" нужно удалить

[Евгений]

Andrey38287512, если что, поменял

[Andrey38287512]

Евгений, Спасибо!

[Евгений]

Andrey38287512, решением тогда отметь тоже

Answer 3

[азаза]

без js вряд ли

Answer 4

[xmoonlight]

Это всё реально сделать на css без js:
1. Таймер после загрузки - через анимацию.
2. Нажатие - через флаг: checked.

Но а смысл так извращаться?
У Вас нет ни одного js на странице или в чём цель: "без js"?!