JSFiddle - React, Tailwind, and code Playground

by CodingDawg

HTML

<p><a class='inline' href="#inline_content">Inline HTML</a></p>

<div style='display:none'>
    <div id='inline_content' style='padding:10px; background:#fff;'>

        <p><strong>This content comes from a hidden element on this page.</strong></p>

        <p>The inline option preserves bound JavaScript events and changes, and it puts the content back where it came from when it is closed.</p>

    </div>
</div>

JavaScript

//$(".inline").colorbox({ inline: true, width: "50%" });
$("a.inline").on('click',function(){
    $("#inline_content").parent().show();
    return false;
});