Скрыть элемент при клике по кнопке

827
24 ноября 2016, 10:03

Здравствуйте. Пытаюсь скрыть элемент block при нажатии на button, но код не работает. Скажите, пожалуйста, где ошибка?

<button id="button">Скрыть</button>
<div id="block">Этот элемент скроется</div> 
<script>
$('#button').click(function(){
  $("#block").css("display", "none;");
});
</script>
Answer 1

Здравствуйте!

Я увидел две проблемы:

  1. Символ ";" не надо здесь:

     $("#block").css("display", "none;");

Вместо этого напишите:

     $("#block").css("display", "none");
  1. Вы должны включить библиотеку JQuery. Можно так:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

Весь код:

    <button id="button">Скрыть</button> 
    <div id="block">Этот элемент скроется</div>  
     
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <script> 
    $('#button').click(function(){ 
      $("#block").css("display", "none"); 
    }); 
    </script>

Answer 2

У вас лишний символ при вызове ф-и.
Уберите после none ";".

 <script>
    $('#button').click(function(){
       $("#block").css("display", "none");
    });
</script>
Answer 3

После none убрать ;!

$('#button').click(function(){ 
  $("#block").css("display", "none"); 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
 
<button id="button">Скрыть</button> 
<div id="block">Этот элемент скроется</div>

READ ALSO
Как стилизовать загружаемый контент iframe?
jQuery

Как стилизовать загружаемый контент iframe?

Есть скрипт, модуль оплаты, он загружается с удалённого сервера, оттуда же и подгружается файл стилей. Всё содержимое находится в iframe.

1565
JS или CSS - Высота двух дивок равна наим. из них
jQuery

JS или CSS - Высота двух дивок равна наим. из них

Есть две дивки с разной высотой (1). Необходимо сделать так, чтобы их высота была равна наименьшей из них (2).

462
Изменять класс блока при hover вложенного в него элемента
jQuery

Изменять класс блока при hover вложенного в него элемента

Здравствуйте. задача нескольких абстрактная и не связана с конкретной версткой, потому без указания html опишу задачу в Dom есть множество элементом,...

 435
Задать для :before стиль через jquery
jQuery

Задать для :before стиль через jquery

Есть ли способ задать в скрипте для :before у кнопки с классом. btn-expand стиль transform:rotate(360deg); ? Пробовала просто так сделать, но не работает.

486