У CSS ми спочатку встановити вміст-видимість: прихований; на <div>, щоб приховати його вміст. Потім ми встановлюємо анімації @keyframe і прикріплюємо їх до класів, щоб показувати та приховувати <div>, анімуючи видимість вмісту та колір, щоб отримати плавний анімаційний ефект під час показу/приховування вмісту.
Спосіб 1: атрибут CSS "display: none;" Цей атрибут CSS можна використовувати, щоб приховати елемент div. Вміст елемента div повністю прихований і не займає місця на веб-сторінці.
Щоб приховати елемент, встановіть для властивості відображення стилю значення «немає». Visibility Toggle ефективно приховує елемент, роблячи його невидимим на веб-сторінці. Щоб зробити його знову видимим, за потреби налаштуйте властивість відображення.
Установити відображення: жодна властивість div, який потрібно відобразити. Використовуйте . toggle() для відображення Div. Однак цей метод можна використати, щоб знову приховати div.
Встановивши значення відображення на "немає", елемент буде приховано та не займатиме місця на сторінці. Ви можете додати цей код CSS у тег <style> у розділі <head> вашого HTML-документа або ви можете зв’язати зовнішній файл CSS за допомогою тегу <link>.
STYLE='display:block;' або STYLE='display:none;' може призвести до появи та зникнення DIV. Зауважте, що різні властивості стилю DIV знаходяться в лапках, одинарних або подвійних.