JQuery FadeIn() не работает, несмотря на правильные сообщения журнала ⇐ Html

[Anonymous]

У меня возникла небольшая проблема с моей недавно созданной домашней страницей. Я попытался затенить HTML-div с классом "content", и он вывел оба сообщения журнала в консоль, но он все еще не исчезает!
Я, конечно, удалил всю ненужную информацию в этих фрагментах кода
Вот мой HTML

Код: Выделить всё

И мой CSS

Код: Выделить всё

.content{
margin: 0px;
position: fixed;
display:none
background-image: url("../img/city_topdown_blurred.png");
background-size:cover;
width: 100%;
height: 100%;
}

и, наконец, мой jQuery

Код: Выделить всё

$(document).ready(function(){
console.log("fading in");
$('.content').fadeIn("slow", function(){
console.log("fading done");
});
});

Оба сообщения журнала мгновенно передаются в мой браузер (Chrome)
даже если время установлено на 10000 или выше.

Подробнее здесь: https://stackoverflow.com/questions/401 ... g-messages