JSFiddle - React, Tailwind, and code Playground

by Nick Craver

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/dot-luv/jquery-ui.css">
<a id="Link1" href="#">Link 1</a>
<a id="Link2" href="#">Link 2</a>

<div id="dialog">Hi, I'm a dialog</div>

JavaScript

$('#dialog').dialog({
    autoOpen: false,
    buttons: {
        "Ok": function() { 
            $(this).dialog("close");
        }, 
        "Cancel": function() { 
            $(this).dialog("close");
        } 
    },
    open: function(event, ui) {
        $(this).html("Hi, I was opened by: " + $.data(this, 'opener').id);
    }
});

$('a').live('click',function(){
   $('#dialog').data('opener', this).dialog('open');
});