New to Kendo UI for jQuery? Start a free 30-day trial

Expand

methods

Expands the specified item(s) of a PanelBar.

expand

Parameters:elementString|Element|jQuery

The PanelBar item(s) to be expanded, expressed as a selector.

useAnimationBoolean

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

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