Html Window

Set the showAnimationDuration property of the jqxWindow. Author: http://jqwidgets.com

by jqwidgets

HTML

<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<div id='jqxwindow'>
    <div>Header</div>
    <div>Content</div>
</div>
<input type="button" style="margin: 50px;" id="jqxbutton" value="Open" />

JavaScript

$("#jqxwindow").jqxWindow({
    height: 100,
    width: 300,
    theme: 'energyblue',
    autoOpen: false,
    showAnimationDuration: 3000
});
$("#jqxbutton").jqxButton({
    theme: 'energyblue',
    width: 200,
    height: 30
});
$('#jqxbutton').click(function () {
    $("#jqxwindow").jqxWindow('open')
});