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

Toggle

methods

Toggles the state of a specified pane (i.e. collapsed or expanded). Invoking this method will force the widget to redraw and it will trigger the resize event. Note: Invoking the method will not trigger collapse or expand events.

toggle

Parameters:paneString|Element|jQuery

The pane to be collapsed.

<div id="splitter">
  <div id="pane1">Pane A</div>
  <div>Pane B</div>
</div>
<script>
$("#splitter").kendoSplitter({
  panes: [ { collapsible: true }, { collapsible: true } ]
});
var splitter = $("#splitter").data("kendoSplitter");

// toggle the pane with id="pane1"
splitter.toggle("#pane1");

// expand the pane with id="pane1"
splitter.toggle("#pane1", true);

// collapse the last pane
splitter.toggle(".k-pane:last", false);
</script>