JSFiddle - React, Tailwind, and code Playground

by borisjavier

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css">
<head>
<link href = "https://code.jquery.com/ui/1.11.4/themes/ui-lightness/jquery-ui.css"
         rel = "stylesheet">
      <script src = "https://code.jquery.com/jquery-1.12.4.js"></script>
      <script src = "https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
</head>
<body>
<div id = "dialog-2"
         title = "Me gusta">Estas son las billeteras</div>
      <button id = "opener-2">Open Dialog</button>
      
      <p>
    JQuery Dialog Test
  </p>
  <div id="finestra" title="Test">
    <div>content</div>
  </div>
      
</body>

JavaScript

$(function() {
            $( "#dialog-2" ).dialog({
               autoOpen: false, 
               buttons: {
                  OK: function() {$(this).dialog("close");}
               },
               title: "Escoge una cartera",
               position: {
                  my: "left bottom",
                  at: "right center"
               }
            });
            $( "#opener-2" ).click(function() {
               $( "#dialog-2" ).dialog( "open" );
            });
         });
         
         
         $(document).ready(function() {
  $('#finestra').dialog();
});