JSFiddle - React, Tailwind, and code Playground

by ChrisStanyon

HTML

<p>
    <a href="#" class="reg_link" id="biology">Biology</a><br />
    <a href="#" class="reg_link" id="chemistry">Chemistry</a><br />
    <a href="#" class="reg_link" id="calculus">Calculus</a>
</p>

<div id="register"></div>

JavaScript

var dlg=$('#register').dialog({
     title: 'Register for Class:',
     resizable: true,
     autoOpen:false,
     modal: true,
     hide: 'fade',
     width:550,
     height:275
 });

$('.reg_link').click(function(e) {
    e.preventDefault();
    var newTitle= "Register for Class: " + $(this).html();
    dlg.dialog('option', 'title', newTitle);
    dlg.dialog('open');
    $('#register').html("Loaded");
});