Где я могу добавить переключатель видимости в своем 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"); 
     } 
    } 
}