W3.JS Скрыть и показать


w3.hide(selector)

Скрытие элементов с помощью идентификатора элемента

Чтобы скрыть элемент с указанным идентификатором, используйте хеш-тег (#) перед именем идентификатора.

Скрыть элемент с id="London":

Пример

<button onclick="w3.hide('#London')">Hide</button>


Скрытие элементов с использованием имени тега

Чтобы скрыть все элементы с указанным именем тега, используйте имя тега (без < и >) в качестве селектора.

Скрыть все элементы <h2>:

Пример

<button onclick="w3.hide('h2')">Hide</button>


Скрытие элементов с использованием имени класса

Чтобы скрыть все элементы с указанным именем класса, используйте точку (.) перед именем класса.

Скрыть элементы с помощью class="city":

Пример

<button onclick="w3.hide('.city')">Hide</button>


Показать элементы, используя идентификатор элемента

Чтобы отобразить элемент с указанным идентификатором, используйте хэш-тег (#) перед именем идентификатора.

Показать элемент с id="London":

Пример

<button onclick="w3.show('#London')">Show</button>


Показать элементы, используя имя тега

Чтобы отобразить все элементы с указанным именем тега, используйте имя тега (без < и >) в качестве селектора.

Показать все элементы <h2>:

Пример

<button onclick="w3.show('h2')">Show</button>


Показать элементы, используя имя класса

Чтобы отобразить все элементы с указанным именем класса, используйте точку (.) перед именем класса.

Показать элементы с class="city":

Пример

<button onclick="w3.show('.city')">Show</button>

Переключить скрыть/показать

w3.toggleShow(selector)

Переключить скрытие и отображение с использованием идентификатора элемента

Переключение между скрытием и отображением элемента с id="London":

Пример

<button onclick="w3.toggleShow('#London')">Toggle Hide/Show</button>


Переключить скрытие и отображение с использованием имени тега

Переключение между скрытием и отображением всех элементов <h2>:

Пример

<button onclick="w3.toggleShow('h2')">Toggle Hide/Show</button>


Переключить скрытие и отображение с использованием имени класса

Переключайтесь между скрытием и отображением элементов с помощью class="city":

Пример

<button onclick="w3.toggleShow('.city')">Toggle Hide/Show</button>