JSFiddle - React, Tailwind, and code Playground

by Checha Man

HTML

<a href="https://www.nogginasia.com/your-data-privacy/" class="test">comment #1</a><br>
<a href="https://www.nogginasia.com/noggin-pod-browser-features/" class="test">comment #2</a><br>
<a href="http://ask.com/" class="test" >comment #3</a><br>
<div id="somediv" title="this is a dialog" style="display:none;">
    <iframe id="thedialog" width="350" height="350"></iframe>
</div>

JavaScript

$(document).ready(function () {
    $(".test").click(function () {
        $("#thedialog").attr('src', $(this).attr("href"));
        $("#somediv").dialog({
            width: 400,
            height: 450,
            modal: true,
            close: function () {
                $("#thedialog").attr('src', "about:blank");
            }
        });
        return false;
    });
});