JSFiddle - React, Tailwind, and code Playground

by p337

HTML

<div id="T_1376594221987"></div>
<div id="T_1376594237267"></div>

CSS

#T_1376594221987 {
    width:100px;
    height:100px;
    background-color:lightblue;
}

JavaScript

$('#T_1376594221987').click(function () {
    var target = $('#T_1376594237267');

    var thisSelect = makeJqIdSelector(this.id);
    var targetSelect = makeJqIdSelector(target.attr('id'));

    var jblock = [];
    jblock.push(
        "$(function() {", 
        thisSelect + ".click(function() {", 
        targetSelect + ".show();",
        "}).css('cursor', 'pointer');", 
        targetSelect + ".dblclick(function(){\n$(this).hide();",
        "});",
        "});"
    );
    var jqueryBlock = wrapScriptTags(jblock.join("\n"));
    console.log(jqueryBlock);
});

function makeJqIdSelector(id) {
    return "$('#" + id + "')";
}

function wrapScriptTags(scr) {
    return "<script>\n" + scr + "\n<\/script>";
}