expandIcon String(default: "plus")

Sets the icon for the header of the collapsible widget when it is in a expanded state.

Example

<div id="home" data-role="view">
    <div id="collapsible" data-role="collapsible" data-collapse-icon="arrow-up" data-expand-icon="arrow-down">
        <h2>Header</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    </div>
</div>

<script>
    var app = new kendo.mobile.Application();
</script>

<style>
    /*
        define custom icon names, full list of available icons can be found at:
        https://docs.telerik.com/kendo-ui/mobile/icons
    */
    .km-arrow-up:after,
    .km-arrow-up:before {
        content: "\e011";
    }

    .km-arrow-down:after,
    .km-arrow-down:before {
        content: "\e012";
    }
</style>
In this article