JSFiddle - React, Tailwind, and code Playground

by StriplingWarrior

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.22/themes/base/jquery-ui.css">
<div class="mydialog">
<div class="myaccordion">
    <h1><a href="#">Title</a></h1>
    <div>
        this is some content
    </div>
</div>
</div>

JavaScript

$('.mydialog').dialog(
    {open: function() {
        $('.myaccordion').accordion({collapsible: true});
    }}
);
$(window).resize(function() {
    $('.mydialog').dialog(
        'option',
        {
            width: 'auto', 
            height: 'auto',
        })
        .dialog(
            'option',
            {position: 'center'});
});