jQuery関数はtoggle（）がWordPressサイトで動作していません

Question

私はこのcodepenで動作しますが、私のwordpressサイトでこのtoggle（）関数を動作させることができませんでした。私は私のスクリプトが正常に供給されている

<style>  
footer { 
background: #163774; 
color: #ffffff; 
font-weight: bold; 
border-top-left-radius: 15px; 
border-top-right-radius: 15px; 
position: fixed; 
text-align: center; 
transition: 2s bottom; 
} 

.minimizer { 
background-color:#FC7F0C; 
padding: 3px; 
border-top-left-radius: 15px; 
border-top-right-radius: 15px; 
margin-bottom: 5px; 
cursor: pointer; 
} 
</style> 


<footer class="hidden"> 
    <div class="minimizer"> 

    <h1>Header</h1> 
    </div> 

    <span class="form_content"> 
     Text Here 
    </span> 
</footer> 


<script> 
    $('.minimizer').click(function() { 
     $('span.form_content').toggle() 
    }); 
</script> 

とheader.phpのテンプレートファイルでソースのjQueryライブラリ：ここではコードです。私はcodepenで同じコードを使用し、それは動作しますが、私はそれを私のサイトに入れても機能しません。

Answer 1

jQueryの.ready（）メソッド内に関数をラップし、DOMが完全にロードされたときに実行します。

<script> 
    $(function() { 
    $('.minimizer').click(function() { 
    $('span.form_content').toggle(); 
    }); 
}); 
</script>