JSFiddle - React, Tailwind, and code Playground

by kasdega

HTML

<div class="wrapper">
    <input type="button" name="button1" class="button1" value="Click Me" />
    <div class="innerDiv">
        <input type="text" name="input1" class="input1" value="Type something here" />
        <input type="button" name="button2" class="button2" value="Click Me #2"/>
    </div>
</div>
<div class="showVal">
    Show the value of the hidden input here
</div>

CSS

.innerDiv {
    display: none;
}

JavaScript

$(document).ready(function() {
    $(".wrapper").delegate(".button1", "click", function() {
        $(".innerDiv").show();
        $(".input1").focus();
    });
    
    $(".wrapper").delegate(".button2", "click", function() {
        $(".showVal").html($(".input1").val());
    });

});