JSFiddle - React, Tailwind, and code Playground

HTML

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

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

<br />
<br />
<div class="iframe1">1111</div>
<div class="iframe2">222</div>

JavaScript

/*
function hideToggle(button, elem) {

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

}

*/

// Jquery version
//$(".button1").click(function() { $(".iframe1").toggle();});
//$(".button2").click(function() { $(".iframe2").toggle(); });

// non-jquery, utitlity-style function version

function hideToggle(button, elem)
{
    $(button).click(function() { $(elem).toggle(); })
}


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