expand
Expands the specified item(s) of a PanelBar.
Example
<ul id="panelbar"> <li id="item1">Item 1 <ul> <li>Sub Item 1</li> <li>Sub Item 2</li> <li>Sub Item 3</li> </ul> </li> <li id="item2">Item 2 <ul> <li>Sub Item 1</li> <li>Sub Item 2</li> <li>Sub Item 3</li> </ul> </li> </ul> <script> $("#panelbar").kendoPanelBar(); // access an existing PanelBar instance var panelBar = $("#panelbar").data("kendoPanelBar"); // expand the element with ID, "item1" panelBar.expand($("#item1")); // expand the element with ID, "item2" without visual animations panelBar.expand($("#item2"), false); // expand all list items that start with ID, "item" panelBar.expand($('[id^="item"]')); </script>Parameters
element String|Element|jQuery
The PanelBar item(s) to be expanded, expressed as a selector.
useAnimation Boolean
_optional, default: _
Temporarily enables (true) or disables (false) any visual animation(s) when expanding items.
Returns
kendo.ui.PanelBar Returns the PanelBar object to support chaining.
In this article