jquery - Monaca Online IDE での jquery の動作に関する問題

Question

こんにちは、Monaca UI オンライン IDE で jQuery を動作させようとしています。デフォルトでインストールされている設定タブ (jQuery Monaca バージョン 2.0.3 を表示) を確認しました。

ただし、以下の単純なスクリプトは、アプリ ウィンドウまたはデバッガーでは実行できませんが、ローカル環境のブラウザー ウィンドウでは正常に動作します。

$(document).ready(function() {

$("#showHide1").hide();
$("#contact1").click(function() {
$("#showHide1").toggle();
});



$("#showHide2").hide();
$("#contact2").click(function() {
$("#showHide2").toggle();
});

});



        <div style="text-align: center">
        <h4 id="contact1">A Name</h4>
        <p id="showHide1">
        Some content
        <br />
        </p>
        <br />
        <a class="button setButWidth" href="mailto:----------@----------------.com">Email</a>
        &nbsp;&nbsp;&nbsp;&nbsp;
        <a class="button setButWidth" href="tel:012345678">Call</a>
        <br />
        <br />
        <h4 id="contact2">A Name</h4>
        <p id="showHide2">
        <br />
        <br />
        Some content
        <br />
        </p>
        <br />
        <a class="button setButWidth" href="mailto:--------@--------.com">Email</a>
        &nbsp;&nbsp;&nbsp;&nbsp;
        <a class="button setButWidth" href="tel:012345678">Call</a>
        <br />
        <br />
        <br />

    </div>

私は自分のスクリプトを index.html ファイルの先頭にインクルードとして追加し、問題のページ本文自体にもスクリプトタグにスクリプトタグを追加しようとしましたが、サイコロは追加しませんでした。

コードペンはこちら

ここで何が欠けていますか？

J