how to quit an iframe with click on a div?

by Vijay Pancholi

HTML

<iframe class="desktopframe" name="iframe_39" id="iframe_39"></iframe>
<a href="http://exmoorpet.com/wp-content/uploads/2012/08/cat.png" class="loadframe" target="iframe_39" onclick="on_iframe_load('iframe_39')">
   <div class="desktopframeclick">CLICK TO LOAD PAGE</div>
</a>


<iframe class="desktopframe" name="iframe_38" id="iframe_38"></iframe>
<a href="http://exmoorpet.com/wp-content/uploads/2012/08/cat.png" class="loadframe" target="iframe_38" onclick="on_iframe_load('iframe_38')">
   <div class="desktopframeclick">CLICK TO LOAD PAGE</div>
</a>

<iframe class="desktop2frame" name="iframe_37" id="iframe_37"></iframe>
<a href="http://exmoorpet.com/wp-content/uploads/2012/08/cat.png" class="loadframe" target="iframe_37" onclick="on_iframe_load('iframe_37')">
   <div class="desktop2frameclick">CLICK TO LOAD PAGE</div>
</a>

CSS

.desktopframe, .desktop2frame {
   display: none;
}

JavaScript

function on_iframe_load(iframeId) {
    // Hide all iframes
    var iframes = document.querySelectorAll('.desktopframe, .desktop2frame');
    iframes.forEach(function(iframe) {
      iframe.style.display = 'none';
    });

    // Show the clicked iframe
    var clickedIframe = document.getElementById(iframeId);
    if (clickedIframe) {
      clickedIframe.style.display = 'block';
    }
  }