Uncaught ReferenceError：関数が定義されていません - Wordpress特有の問題

Question

このスクリプトをWordpressサイトで実装しようとしていますが、これはうまくいきませんでした。 "Uncaught ReferenceError：toggle_visibility is not defined"なぜそれが他の人によるとWordPressの外で動作するように。 Iveには、以前はWordPressのスクリプトで、jQueryなどと交換する必要があるなど、いくつかの問題がありましたが、これまでこれを解決していませんでした。基本的には、表示を切り替えるだけです：対応するリンクがクリックされたときに2つのdivにブロック/なし。

function toggle_visibility(id) { 
    var e = document.getElementById(id); 
    if(e.style.display == 'block') 
     e.style.display = 'none'; 
    else 
     e.style.display = 'block'; 
} 

<div id="choose-membership"> 
    <a href="#" onclick="toggle_visability('ms-membership-wrapper-202');">Click here for free membership</a> 
    <a href="#" onclick="toggle_visability('ms-membership-wrapper-213');">Click here for Paid membership</a>  
</div> 

Answer 1

あなたonclickイベントは、タイプミスがあります：

onclick="toggle_visability('ms-membership-wrapper-202');" 

は次のようになります。

onclick="toggle_visibility('ms-membership-wrapper-202');" 

は行く:)

Answer 2

スペルミス機能することを与えます。機能はtoggle_visibilityで、toggle_visabilityをHTMLに入れます。

<div id="choose-membership"> 
    <a href="#" onclick="toggle_visibility('ms-membership-wrapper-202');">Click here for free membership</a> 
    <a href="#" onclick="toggle_visibility('ms-membership-wrapper-213');">Click here for Paid membership</a>  
</div>