Advanced User Interface Controls and Components

IntegralUI Web

Documentation and API Reference

insertGroupAt(group, index)

Inserts a new group at specified position in Accordion widget.


groupObjectThe group to insert to the collection
indexIntegerThe indexed location within the collection to insert the group

Return Value

This method does not return a value.

Version Information

Supported in: v1.0.


In this example we are showing how to use insertGroupAt method to insert a new group as a child at position 2 in group collection of Accordion widget. Although the position is set to 2, if there are no groups present in Accordion, the new group will be added as a first group.

$(document).ready(function() {

// Create an instance of Accordion widget

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


var getGroupCount = function(){

return $bar.accordion("getList").length + 1;



var createNewGroup = function(){

return { text: "Group" + getGroupCount() };



$bar.accordion("insertGroupAt", createNewGroup(), 2);


<!DOCTYPE html>



<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>



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





width: 300px;

height: 300px;



See Also