JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">
<div class="dialog" title="Basic dialog1">
  <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>

<div class="dialog" title="Basic dialog2">
  <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>

<div class="dialog" title="Basic dialog3">
Alert Message to User Departments on i-Work

In view of the employment restrictions on non-local students' eligibility to work as stipulated in the Immigration policies, STRICT COMPLIANCE to the regulations are required:

1. Only non-local students enrolled in a full-time and locally-accredited programmes at degree level or above and whose study period is not less than one academic year are issued a "No Objection Letter" (NOL) by the Immigration Department which allows them to take up not more than 20 hours of on-campus part-time employment (a maximum of employment of 17 hours per week as advised by the University), and without limit in relation to nature of work, work hours and location for summer jobs during 1 June to 31 August. Without the NOL, non-local students are NOT allowed to take up any employment.

2. According to the Immigration Department, the definition of "on-campus employment" refers to the employment taken within the campus of the institution which include only the campus of the institution in which the non-local student is enrolled and exclude the campus of any subsidiary and associated bodies of the relevant institution proper or its self-financing arms. For details, please refer to Q.27 of http://www.immd.gov.hk/eng/faq/imm-policy-study.html.

3. Non-local exchange and visiting students are NOT allowed to take up employment in any case.

Please verify the "No Objection Letter", student ID card and the student visa of...

JavaScript

$('.dialog').dialog({
    open: function( event, ui ) {
        var dialogs = $('.ui-dialog:visible');
        if(dialogs.length>1){
            dialogs.each(function(i, e){
                if(i===0){
                   $(e).css('top', '0px');
                }else{
                    var prevDialog = $(e).prevAll('.ui-dialog:visible');
                     $(e).css('top', parseInt(prevDialog.css('top')) + parseInt(prevDialog.outerHeight()) + 'px')
                                               
                }
            });
        }
    }
});