jquery - JQuery を使用した Django Web ページが機能しない

Question

私は Django に比較的慣れておらず、JQuery を使用する Web ページに取り組んでいます。ヘッダーでトグル機能を使用して詳細情報を表示しようとしていますが、ページを読み込むと、<h3>タグに style="display: none" が追加され、ヘッダーが消えます。静的フォルダーと必要なすべてのファイルをフォルダーに追加し、settings.py をチェックして、STATIC_URL と STATICFILES_DIR にすべてが正しく入力されていることを確認しました。

ウェブページの私のjqueryコード：

<script type="text/javascript" src="{{ STATIC_URL }}jquery-1.10.1.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}bootstrap/js/bootstrap.js"></script>

<script>
    $(document).ready(function(){

        $('.swarmdetails').hide();

            $('.span4 h3').toggle(
            function(){
                $(this).next('.swarmdetails').fadeIn(0);
                $(this).addClass('close');

            },//end of fadeIn
            function(){
                $(this).next('.swarmdetails').fadeOut(0);
                $(this).removeClass('close');
            }//end of fadeOut
        );//end of toggle

            $('.span4 li').mouseover(function(){
                $(this).popover('show');
            }).mouseout(function(){
                $(this).popover('hide');
            });

            $('.dropdown-toggle').dropdown();
    });

</script>

切り替えようとしている HTML:

<div class="span9">
     <div class="row-fluid">
         <div class="span4">
             <h3 style="cursor: help">Resource Utilization</h3>
             <p class="swarmdetails">Here you can view every resource under your management.
                Filters include Project Name, Employee Name, etc </p>
         </div>

         <div class="span4">
             <h3 style="cursor: help">Direct Reports</h3>
             <p class="swarmdetails">Here you can view all managers
             and filter by name. You can use this option to quickly change an resource's
                        manager and also see who each manager has reporting to them.</p>

         </div>
     </div>
 </div>

これを機能させるために、誰かが私が間違っていることを理解するのを手伝ってもらえますか?