Как сделать скрытие блока и показ другого на его месте?

Question

[Павел]

Есть допустим иконка , при клике на которую появляется блок с содержимым на месте иконки . Такое возможно через css реализовать?

Answer 1

[Андрей]

Обработки кликов в css нет, но его можно сэмулировать.
Способов куча, скрытый чекбокс с 0 прозрачностью, или обрабатывать :focus элемента, или :target, или :active c transition с долгой задержкой состояния.

На самом деле логичней сделать на js, но это ваш выбор.

Comments

[Павел]

а как на js?

[Андрей]

mrusklon: Самое простое на jquery.
Примерно так:
$('#id-вашей-иконки').click(function(){
$('#id-блока с содержимым').show();
//тут же можете скрыть вашу иконку, если нужно
// $('#id-вашей-иконки').hide();
});
Все стили для блока нужно заранее задать в css.

Почитайте мануалы по jquery, простые вещи там не сложно делаются.

[Павел]

спасибо

Answer 2

[Андрей Федоров]

Нет, потому что css не запоминает состояния. А вот при наведении на иконку показать блок - реально.

Answer 3

[Фаёзжон Бердиев]

$('#elem').clone().hide();