JSFiddle - React, Tailwind, and code Playground

by ChrisStanyon

HTML

<button onclick="updateAppt()">Run updateAppt()</button>

<div id="divNextAppt">
    <label>No upcoming appointments for this client. Click <a id="aApptSetter">here</a> to set.</label>
</div>

<div id="divApptSetter">
    This is the DIV
</div>

CSS

#divApptSetter { display: none; }

JavaScript

$(document).ready(function() {
    $('#divNextAppt').on('click', '#aApptSetter',  function() {
        $('#divApptSetter').css('display', 'block');
    });
});

function updateAppt() {
    var appt = "TESTAPP";
    var html = "<label>The next appointment for this client is <b>" + appt; 
    html += "</b> Click <a id=\"aApptSetter\">here</a> to change.</label>";
    
    $('#divNextAppt').html(html);
    $('#divApptSetter').css('display', 'none');
}