javascript - JavaScript のどこに表示切り替えを追加すればよいですか?

Question

SOに関する他のjavascriptトグルの質問を見てきました

しかし、これをメソッドに追加するのに問題があります。機能させるためにどこにドロップする必要があるかについて頭を悩ませることはできません。

問題の JavaScript 関数は次のとおりです。

function injectProductIFrame(w,h){
        var job_id = $("#job_id").val();
        if(job_id != "0")
        {
            var url = "/technician/"+ job_id+"/addProducts";
            $("#iframeContainer").html('<iframe src="'+url+'" width='+w+' height='+h+' />');
        }else{
            alert("Please Select a Job First. Then you can add a product");
        }
    }

ビューの部分は次のとおりです。

</a><a href="#productaddAdd" role="" class="" data-toggle="modal">
                              <button class="btn btn-large" id="product_frame" type="button" onClick='Javascript: injectProductIFrame("90%", "500")'> Product </button>

iFrame が何かを表示している場合に iFrame を閉じるボタンが欲しいことを除いて、これに問題はありません。ボタンは現在「オン」として機能し、もう一度クリックしても何も変わりません。

どんな助けでも大歓迎です。