Как скрыть элемент див по клику на другой элемент?

Question

[Frel]

Вот код! Как по клику на див с id red убрать див с id gray?
p.s. Вместо цвета тама картинка!
p.s.s. Гуглил пытался, не получается(((

Comments

[Дмитрий Поляков]

какая-то ошибка. Не переходи на страницу с песочницей

Answer 1

[holymotion]

https://jsfiddle.net/0qq8ke3h/2/

Comments

[Frel]

У меня почему то в консоли хрома выдает вот такую "index.html:27 Uncaught TypeError: Cannot read property 'addEventListener' of null
at index.html:27"

[holymotion]

Это рабочий код, если у вас что-то не работает, скорее всего вы этот участок кода перенесли и пытаетесь применить к себе. null - будет в данном случае тогда, когда getElementById метод не найдет соответствующий элемент на страницу - в этом случае вернется null

[Frel]

holymotion: А как сделать, чтоб при щелчке еще раз он появился? Просто я пытался добавить вторую переменную и сделать так, но не получилось someBlock2.style.display = "block";, ну еще способом пытался сделать, но нет!

[holymotion]

Просто добавить условие: https://jsfiddle.net/0qq8ke3h/6/

[Frel]

holymotion: Блин на фидле работает, а на самом сайте нет(((

[holymotion]

Убедитесь что в JS вы обращаетесь к необходимым ID, то есть у вас на странице к примеру должны быть элементы с id (red, gray и тд)

Answer 2

[Дмитрий Поляков]

Так?

$('#red').click(function(){
   $('#gray').css('display', 'none');
});

Comments

[Frel]

Почему то не работает!

[Дмитрий Поляков]

Frel: если вы ходите делать в jsfiddel, то там надо выбрать версию jq. В поле для js, справа вверху есть кнопка JAVASCRIPT с шестеренкой там выбрать jq библиотеку и нажать RUN. Все работает
https://jsfiddle.net/Dimas22/0qq8ke3h/7/

[automatik]

Frel: jquery подключите же, тогда будет работать

Answer 3

[Игорь]

$("#red").click(function() {
  $("#gray").fadeOut("slow");
});