JQuery fadeIn не отображается

Несмотря на то, что мои классы верны и JQuery работает правильно, у меня все еще возникают проблемы с использованием свойства fadeIN в моем элементе jumbotron. Любые идеи?

$(document).ready(function() {
  $('div.not_displaying').fadeIn(1000).removeClass('not_displaying');
});

div.not_displaying {
  display: none;
}

<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class = "container">
  <div style = "background:transparent !important" class = "jumbotron text-center not_displaying">
    <img id = "jumbotron_img" src = "images/Enriceo.png">
    <h3 class = "container-fluid" id = "presentation"> trial</h3>
  </div>
</div>

Вам не нужно удалять класс

— 10.06.2018 07:21

ммм, все еще не работает :(

— 10.06.2018 07:22

Просто используйте $('.jumbotron').fadeIn(1000);, не нужно скрывать, не нужно удалять класс.

— 10.06.2018 07:25

У меня это работает, не могли бы вы объяснить немного подробнее?

— 10.06.2018 07:36

Теперь работает :). В основном ссылка по умолчанию на библиотеку JQuery, предоставленную файлом шаблона Bootstrap4, не работала должным образом. Я заменил сценарий на тот, который был предоставлен в отредактированном коде Педрамом, и теперь все работает нормально.

— 10.06.2018 07:44

jquery css html

10.06.2018 07:15