<zk xmlns:w="client">
    <grid width="400px">
        <columns>
            <column vflex="1"/>
        </columns>
        <rows>
            <row>
                <detail>
            <attribute w:name="getIconOpenClass_">
            	function () { return 'z-icon-caret-down';  }
            </attribute>
            <attribute w:name="getIconCloseClass_">
            	function () {return 'z-icon-caret-right';  }
            </attribute>
                    <label value="Show" />
                </detail>
            </row>
        </rows>
    </grid>
</zk>

<script><![CDATA[
zk.afterLoad('zkex.grid', function() {
	zk.override(zkex.grid.Detail.prototype, 'onShow', function () {
		if (this._open) {
			if (!jq(this.$n('icon')).hasClass(this.getIconOpenClass_()))
				this.open(this._open, true);
		}
	});
});
]]></script>