html js hide or show iframe

Nice Narwhal answered on January 16, 2022 Popularity 8/10 Helpfulness 2/10

answer html js hide or show iframe

related iframe hide div

related html js hide or show iframe

html js hide or show iframe

Comment

<button id='hideshow'>Link1</button>
<div class="panel">
  <iframe src="linkcodehere" class="content" style="border:0;display:none"></iframe>
  <br/>
  <p class="content" style="display:none;">some stuff</p>
  <p class="content" style="display:none;">more stuff</p>
</div>
<button id="hideshow2">Link2</button>
<div class="panel2">
  <iframe src="linkcodehere2" class="content2" style="border:0; display:none;"></iframe>
  <br/>
  <p class="content2" style="display:none;">some stuff</p>
  <p class="content2" style="display:none;">more stuff</p>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

Popularity 8/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: hide html iframe javascript show

Link to this answer
Share Copy Link

Contributed on Jan 16 2022

Nice Narwhal

0 Answers Avg Quality 2/10

Closely Related Answers

iframe hide div

Comment

<html lang="en">
<head>
  <title>Hide element inside iframe using javascript</title>
</head>
<body>
  <p>Click on the <b>Hide Div</b> button to hide the div element inside the iframe.</p>
  <button onclick="hideDiv()">Hide Div</button>

  <iframe id="iframe-id" src="https://search.3schools.in/p/example.html" style="height:370px;width:100%">      </iframe>

<script>
function hideDiv() {
  var myIframe = document.getElementById("iframe-id");
  var divElement = myIframe.contentWindow.document.querySelector("#div");
  divElement.style.display = "none";
}
</script>
</body>
</html>

Popularity 9/10 Helpfulness 5/10 Language html

Source: Grepper

Tags: hide

Link to this answer
Share Copy Link

Contributed on Jun 21 2022

Mystic Dev

0 Answers Avg Quality 2/10

html js hide or show iframe

Comment

$(document).ready(function(){
  $('#hideshow').on('click', function(event) {        
     $('.content').toggle('show');
  });
});
$(document).ready(function(){
  $('#hideshow2').on('click', function(event) {        
     $('.content2').toggle('show');
  });
});

Popularity 8/10 Helpfulness 3/10 Language javascript

Source: stackoverflow.com

Tags: hide html iframe

Link to this answer
Share Copy Link

Contributed on Jan 16 2022

Nice Narwhal

0 Answers Avg Quality 2/10

html js hide or show iframe

Contents

More Related Answers

html js hide or show iframe

Closely Related Answers

iframe hide div

html js hide or show iframe

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.