javascript - 在 JavaScript 中哪里添加可见性切换？

Question

I have seen other javascript toggle questions on SO

但是我在将其添加到我的方法中时遇到问题。我不知道该把它放在哪里才能让它工作。

这是有问题的 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");
        }
    }

这是 View 部分:

</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。该按钮现在的功能只是“打开”，再次单击它不会发生任何变化。

任何帮助将不胜感激。

Answer 1

我认为这个或类似的东西会起作用

    function injectProductIFrame(w,h){
    if($("#iframeContainer").html().length > 0)
    {
       $("#iframeContainer").hide();           
    }
    else
    {
       $("#iframeContainer").show();

       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");
       }   
    }
}