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