Toggle — лучший друг разработчика

Я много раз использовал метод переключения при создании новой веб-функции. Часто кнопка на веб-странице, которая использует функцию скрытия/отображения, также известная как переключатель, является обычной частью взаимодействия с пользователем.

Вот где в дело вступает переключатель! Думайте о переключателе как о переключателе для вкл и выкл. Он скрывает или показывает элемент поочередно. Узнайте больше о переключении на Веб-документы MDN.

При использовании переключателя я кодирую ванильный JavaScript при доступе к DOM. Я размещу свойство стиля CSS «display: none;» для элемента и используйте JS-событие (например, onClick) для активации метода переключения.

Вот мой фрагмент codepen, чтобы увидеть переключатель в действии с помощью кнопки скрыть/показать в некотором содержании статьи.

Удачного кодирования!

-D.