JSFiddle - React, Tailwind, and code Playground

by KyleMuir

HTML

<a href="#" class="toggle-next-div">Map</a>
<iframe class="myiFrame" data-src="my-url" src="about:blank"></iframe>
<a href="#" class="toggle-next-div">Map</a>
<iframe class="myiFrame" data-src="my-url" src="about:blank"></iframe>
<a href="#" class="toggle-next-div">Map</a>
<iframe class="myiFrame" data-src="my-url" src="about:blank"></iframe>
<a href="#" class="toggle-next-div">Map</a>
<iframe class="myiFrame" data-src="my-url" src="about:blank"></iframe>

JavaScript

$('.toggle-next-div').click(function () {
    var iframe = $(this).next('.myiFrame');
    iframe.attr("src", iframe.data("src"));
});