Während Sie die Seite laden, verstecken Sie den Inhalt des ausgewählten div. Auf Klick laden gewählt div und seinen Inhalt

Question

Also, ich habe versucht, dafür zu googeln, aber scheint so, dass es nicht mein stärkster Teil ist.

Beispiel: Ich habe ein div mit einem Video ins Innere, aber um dieses Video zu zeigen, muss ich zuerst auf div klicken, das öffnet und das Video zeigt. Das Problem ist, dass es beim Laden geladen wird. Es macht Browser-Verzögerungen, während es mehr als 4-5 dieser div mit Videos gibt. Wie kann ich dafür sorgen, dass nicht mit seitengeladenen Dateien geladen wird, sondern nur, wenn ein div angeklickt wird und den Inhalt bei erneutem Klicken wieder entfernt.

$('.cont').hide(); 


$('h4').click(function() { 
    var $answer = $(this).next('.cont'); 
    if ($answer.is(':hidden')) { 
     $answer.show(); 
    } else { 
     $answer.hide(); 
    } 
}); 

Das ist, was ich habe, aber es ist nicht, wie ich es

beschrieben

Answer 1

<div class="container"> 
<iframe new-src="http://linktoadditionalcode">Update your Browser!</iframe> 
<a href="javascript:load(this)">Load</a> 
<a href="javascript:unload(this)">Unload</a> 
</div> 
<script> 
function load(elem){ 
frame=elem.parentElement.getElementsByTagName("iframe")[0]; 
frame.src=frame.new-src; 
} 
function unload(elem){ 
frame=elem.parentElement.getElementsByTagName("iframe")[0]; 
frame.src=""; 
} 
</script> 

diese Lasten/die iframe leert. Während Ihr Code es nur versteckt, lädt/load es es komplett.