items.expandedBoolean(default: false)
Toggles the initial expanded state of the item. When set to true, the item starts expanded and its child items are visible. Clicking a parent item toggles expand and collapse regardless of this setting.
Example - pre-expand a parent item
<div id="drawer">
<div>Content area content.</div>
</div>
<script>
$("#drawer").kendoDrawer({
expanded: true,
mode: "push",
items: [
{
text: "Management",
icon: "folder",
expanded: true,
items: [
{ text: "Team", icon: "user" },
{ text: "Projects", icon: "home" }
]
},
{ text: "Help", icon: "question-circle" }
]
});
</script>