我在哪里添加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"); 
     } 
    } 

这里是视图部分：

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