Все переключатели Jquery не имеют анимации при использовании Bootsrap?

Question

Я создаю сайт с Django и Bootsrap.Я пишу некоторые пользовательские JS, чтобы показать / скрыть узлы в дереве организации.Однако я заметил, что любой элемент, который я вызываю с помощью .toggle в jquery, сразу же отображается / скрывается независимо от того, для чего я установил параметр длительности анимации, например, .toggle(1000). GIF показывает проблему

У кого-нибудь еще была эта проблема с Bootsrap или Django?Или мой код плох?Я прилагаю фрагмент фактической функции JS и того же отрендеренного HTML, который странным образом работает в фрагменте, но не на моем сайте.Для справки я использую jquery 3.3.1 и Bootstrap 4.1.1

<ul>
                
                    <li class="tree-menu">

                        Root Organization-1
                        
                            <ul class="children">
                                
                    <li class="tree-menu">

                        Org1-2
                        
                    </li>
                
                    <li class="tree-menu">

                        parent3-3
                        
                            <ul class="children" style="">
                                
                    <li class="tree-menu">

                        child3a1-4
                        
                            <ul class="children" style="">
                                
                    <li class="tree-menu">

                        child3b1-6
                        
                    </li>
                
                            </ul>
                        
                    </li>
                
                    <li class="tree-menu">

                        child3a2-5
                        
                    </li>
                
                            </ul>
                        
                    </li>
                
                            </ul>
                        
                    </li>
                
            </ul>
            
            <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
                $('.tree-menu').click(function () {
                    console.log("CALLED TOGGLE");
                    console.log(this);
                    $(this).children().toggle(1000);
                    return false;
                });
            </script>

Answer 1

Я понял.Это версия Jquery.Это мой импорт:

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
            integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
            crossorigin="anonymous"></script>`