Все для создания и продвижения сайтов

Верстка, программирование, SEO

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

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

Есть множество способов для скрытия или показа элементов в jquery, но есть самый актуальный и простой.

Все вы должны прекрасно знать, чтобы скрыть элемент, достаточно добавать к нему стиль "display:none", а чтобы он показывался достаточно убрать это свойство или прописать "display: block",

Можно добавить эти стили через простую функцию jquery - css().

$("#myblock").css("display", "none;"); // Для скрытия
$("#myblock").css("display", "block;"); // Для показа

Но нам нужно, к примеру скрыть или показать элемент по клику, для этого используем функцию "click()"

Создадим кнопку, которая будет скрывать определённый блок.

    
    
Этот элемент скроется

И добавим скрипт на кнопку:

$('#button').click(function(){
  $("#block").css("display", "none;");
});

Теперь при нажатии на кнопку, блок исчезнет.

Давайте рассмотрим пример для показа элемента по клику.

Мы создадим блок, которые изначально скроем.

    
    

И аналогично напишем скрипт:

$('#button').click(function(){
  $("#block").css("display", "block;");
});
Последние статьи

Инструменты

Отблагодарить и поддержать автора
Если вы нашли ошибку, выделите её и нажмите Ctrl+Enter
Выделите опечатку и нажмите Ctrl + Enter, чтобы отправить сообщение об ошибке.