LIDOR SYSTEMS

Advanced User Interface Controls and Components

IntegralUI Web

Documentation and API Reference


close(e)

Occurs when menu or sub-menu begins to close.

Event Data

ParamTypeDetails
eObjectAn event object which contains the collapsing item

Remarks

This event can be handled by binding the 'close' event to the Menu widget object.

Version Information

Supported in: v1.0.

Example

In this example we are showing how to handle close event in Menu widget.

$(document).ready(function() {

// Create an instance of Menu widget

var $bar = $('#menu').menu();

 

$tree.on({

"close": function(e){

console.log("close event was fired for menu item: " + e.object.text);

});

});

<!DOCTYPE html>

<html>

<head>

<link rel="stylesheet" href="css/integralui.menu.css" />

<link rel="stylesheet" href="css/themes/theme-blue.css" />

<script type="text/javascript" src="external/jquery-1.9.1.min.js"></script>

<script type="text/javascript" src="external/jquery.ui.core.min.js"></script>

<script type="text/javascript" src="external/jquery.ui.widget.min.js"></script>

<script type="text/javascript" src="js/jquery.integralui.widget.min.js"></script>

<script type="text/javascript" src="js/jquery.integralui.menu.min.js"></script>

</head>

<body>

<div id="menu" class="widget"></div>

</body>

</html>

.widget

{

width: 600px;

height: 0;

}

Samples

See Also