JSFiddle - React, Tailwind, and code Playground

by Darsh Kotecha

HTML

<button class="button1">toggle1</button>

<button class="button2">toggle2</button>

<br />
<br />
<iframe class="iframe1" src="http://www1.skysports.com/football/teams/arsenal" name="Match Centre" width="300px" height="400px">
      content if browser does not support</iframe>
    <br />
    <br />
    <iframe class="iframe2" src="http://www.livescores.com/" name="Match Centre" width="300px" height="400px">
      content if browser does not support</iframe>

    <br />
    <br />

JavaScript

function hideToggle(button, elem) {

  $(button).toggle(
    function() {
      $(elem).hide();
    },
    function() {
      $(elem).show();
    }
  );

}

hideToggle(".button1", ".iframe1");
hideToggle(".button2", ".iframe2");