LIDOR SYSTEMS

Advanced User Interface Controls and Components

IntegralUI Web

Documentation and API Reference


clear(e)

Occurs after all groups are removed from the Accordion.

Event Data

ParamTypeDetails
eObjectA default event object

Remarks

This event can be handled by binding the 'clear' event to the Accordion widget object. This event is fired only when clearGroups method is called.

Version Information

Supported in: v1.0.

Example

In this example we are showing how to create a handle to the clear event in Accordion widget.

$(document).ready(function() {

// Create an instance of Accordion widget

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

 

var clearAllGroups = function(){

$bar.accordion("clearGroups");

 

$bar.on({

"clear": function(e){

console.log("clear event was fired, all groups are removed");

});

});

<!DOCTYPE html>

<html>

<head>

<link rel="stylesheet" href="css/integralui.accordion.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.accordion.min.js"></script>

</head>

<body>

<button type="button" onclick="clearAllGroups()" />Clear</button>

<div id="accordion" class="widget">

<h3><span>Group1</span></h3>

<div></div>

<h3><span>Group2</span></h3>

<div></div>

</div>

</body>

</html>

.widget

{

width: 300px;

height: 300px;

}

Samples

See Also