JSFiddle - React, Tailwind, and code Playground

by Wentz Wu

HTML

<iframe id="mainFrame"></iframe>
<ul>
    <li><a class="anchor" data-url="http://amicliens.com" href="#">amicliens</a>

    </li>
    <li><a class="anchor" data-url="about.php" href="http://nlabs.wordpress.com">nlabs</a>

    </li>
</ul>

CSS

#mainFrame {
    width: 100%;
}

JavaScript

$(".anchor").each(function () {
    var el = $(this);
    el.click(function () {
        $("#mainFrame").attr("src", el.data('url'));
    });
});