Как скрыть и показать элемент по клику на кнопку на JS

Цель: код на Javascript который будет скрывать и показывать html-элемент по клику на кнопку или любой другой элемент страницы.

Вариант 1

 

Необходимо указать один id элементу по которому нужно кликать чтобы вызвать событие, а второй id нужно присвоить элементу который будет скрываться/появляться. И здесь соответственно:

hidden-element – id элемента, который скрывается;
click-to-hide – id элемента, который кликают.

Здесь стили «style» указаны для элемента hidden-element, чтобы тот был скрыт изначально.

Пример 1

 

Привет, дружище! Как ты уже догадался, этот абзац скрывается кнопкой «Нажими меня!»!

Вариант 2

 

Пример 2

 

Привет, дружище! Как ты уже догадался, этот абзац скрывается кнопкой «Нажими меня!»!

Оцени!
[Всего: 1 Средняя: 5]
Ссылка на основную публикацию
Adblock
detector