Как работает event.target.parentNode.hidden = !event.target.parentNode.hidden;?

Question

[olya_097]

plnkr.co/edit/6ktvxUYFJJxdDMvDe8yZ?p=preview
Всем привет, подскажите, пожалуйста, как работает

event.target.parentNode.hidden = !event.target.parentNode.hidden;

просто идёт преобразование в булевый тип c помощью унарного оператора?

Comments

[Станислав Некрасов]

Переменной присваивается противоположное ей значение.

Answer 1

[Алексей Лауд]

event.target.parentNode.hidden преобразовывается в Boolean, если это уже не Boolean, к нему применяется оператор !, возвращается противоположное значение и записывается в event.target.parentNode.hidden

Comments

[olya_097]

и в данном коде смысл в том, что display: block; -это true?
а display: none; - false?

[Алексей Лауд]

olya_097, не совсем, свойство hidden (подробнее тут) принимает значения true и false.