Open In App

jQWidgets jqxWindow collapseAnimationDuration Property

Last Updated : 13 Sep, 2021
Improve
Improve
Like Article
Like
Save
Share
Report

jQWidgets is a JavaScript framework for making web-based applications for PC and mobile devices. It is a very powerful, optimized, platform-independent, and widely supported framework. The jqxWindow is used for entering data or viewing information in an application.

The collapseAnimationDuration property is used to determine the duration in milliseconds of the expand or collapse animation.

Syntax:

Set the collapseAnimationDuration property.

$('#jqxWindow').jqxWindow({ collapseAnimationDuration:500 });  

Get the collapseAnimationDuration property.

var duration = $('#jqxWindow').jqxWindow('collapseAnimationDuration'); 

Linked Files: Download jQWidgets from the given link. In the HTML file, locate the script files in the downloaded folder.

<link rel=”stylesheet” href=”jqwidgets/styles/jqx.base.css” type=”text/css” />
<link rel=”stylesheet” href=”jqwidgets/styles/jqx.summer.css” type=”text/css” />
<script type=”text/javascript” src=”scripts/jquery-1.10.2.min.js”></script>
<script type=”text/javascript” src=”jqwidgets/jqxcore.js”></script>
<script type=”text/javascript” src=”jqwidgets/jqxwindow.js”></script>
<script type=”text/javascript” src=”jqwidgets/jqxbuttons.js”></script>

Example: The below example illustrates the jqxWindow collapseAnimationDuration property in jQWidgets. For this example, collapseAnimationDuration is set to 4000. 

HTML




<!DOCTYPE html>
<html lang="en">
  
<head>
    <link rel="stylesheet" href=
        "jqwidgets/styles/jqx.base.css" type="text/css" />
    <link rel="stylesheet" href=
        "jqwidgets/styles/jqx.summer.css" type="text/css" />
    <script type="text/javascript" 
        src="scripts/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" 
        src="jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" 
        src="jqwidgets/jqxwindow.js"></script>
    <script type="text/javascript" 
        src="jqwidgets/jqxbuttons.js"></script>
  
    <script type="text/javascript">
        $(document).ready(function () {
            $('#jqxwindow').jqxWindow({
                showCollapseButton: true,
                collapseAnimationDuration: 4000,
                width: 200,
                height: 100
            });
        });
    </script>
</head>
  
<body>
    <center>
        <h1 style="color:green;"> GeeksforGeeks </h1>
        <h3
            jQWidgets jqxWindow 
            collapseAnimationDuration Property 
        </h3>
        <div id='jqxwindow'>
            <div> Header</div>
            <div>
                <div>GeeksforGeeks</div>
            </div>
        </div>
    </center>
</body>
  
</html>


Output:

Reference: https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxwindow/jquery-window-api.htm?search=



Similar Reads

jQWidgets jqxExpander collapseAnimationDuration Property
jQWidgets is a JavaScript framework for making web-based applications for PC and mobile devices. It is a very powerful and optimized framework, platform-independent, and widely supported. The jqxExpander represents a jQuery widget that displaying the header and content sections. Click on the header section to expand or collapse the content. The col
2 min read
jQWidgets jqxNavigationBar collapseAnimationDuration Property
jQWidgets is a JavaScript framework for making web-based applications for PC and mobile devices. It is a very powerful, optimized, platform-independent, and widely supported framework. The jqxNavigationBar is used for representing a jQuery widget that has header and content sections. On clicking over the header, the content will be expanded or coll
2 min read
jQWidgets jqxWindow zIndex Property
jQWidgets is a JavaScript framework for making web-based applications for PC and mobile devices. It is a very powerful, optimized, platform-independent, and widely supported framework. The jqxWindow is used for entering data or viewing information in an application. The zIndex property is used to set or get the specified jqxWindow z-index. Syntax:
2 min read
jQWidgets jqxWindow width Property
jQWidgets is a JavaScript framework for making web-based applications for PC and mobile devices. It is a very powerful, optimized, platform-independent, and widely supported framework. The jqxWindow is used for entering data or viewing information in an application. The width property is used to set or get the window's width. Syntax: Set the width
2 min read
jQWidgets jqxWindow autoOpen Property
Introduction: jQWidgets is a JavaScript framework for making web-based applications for PC and mobile devices. It is a very powerful, optimized, platform-independent, and widely supported framework. The jqxWindow is used for entering data or viewing information in an application. The autoOpen property is used to set or return whether the specified
2 min read
jQWidgets jqxWindow content Property
jQWidgets is a JavaScript framework for making web-based applications for PC and mobile devices. It is a very powerful, optimized, platform-independent, and widely supported framework. The jqxWindow is used for entering data or viewing information in an application. The content property is used to set or get the specified window's content's HTML co
2 min read
jQWidgets jqxWindow collapsed Property
jQWidgets is a JavaScript framework for making web-based applications for PC and mobile devices. It is a very powerful, optimized, platform-independent, and widely supported framework. The jqxWindow is used for entering data or viewing information in an application. The collapsed property is used to check whether the specified window is collapsed o
2 min read
jQWidgets jqxWindow rtl Property
jQWidgets is a JavaScript framework for making web-based applications for PC and mobile devices. It is a very powerful, optimized, platform-independent, and widely supported framework. The jqxWindow is used for entering data or viewing information in an application. The rtl property is used to set or get a value indicating whether the specified wid
2 min read
jQWidgets jqxWindow showAnimationDuration Property
jQWidgets is a JavaScript framework for making web-based applications for PC and mobile devices. It is a very powerful, optimized, platform-independent, and widely supported framework. The jqxWindow is used for entering data or viewing information in an application. The showAnimationDuration property is used to set or get the specified window's sho
2 min read
jQWidgets jqxWindow showCollapseButton Property
jQWidgets is a JavaScript framework for making web-based applications for PC and mobile devices. It is a very powerful, optimized, platform-independent, and widely supported framework. The jqxWindow is used for entering data or viewing information in an application. The showCollapseButton property is used to set or get whether the collapse button w
2 min read