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

OpenOnClick

configuration

Specifies that the root sub menus will be opened on item click.

openOnClick

Boolean|Object

Default: false

<ul id="menu">
    <li>Item 1
        <ul>
            <li>Sub Item 1</li>
            <li>Sub Item 2</li>
            <li>Sub Item 3</li>
        </ul>
    </li>
    <li>Item 2
        <ul>
            <li>Sub Item 1</li>
            <li>Sub Item 2</li>
            <li>Sub Item 3</li>
        </ul>
    </li>
</ul>
<script>
    $("#menu").kendoMenu({
        openOnClick: true
    });
</script>

openOnClick.rootMenuItems

Boolean

Specifies that the root menus will be opened only on item click.

Default: false

<ul id="menu">
    <li>Item 1
        <ul>
            <li>Sub Item 1</li>
            <li>Sub Item 2</li>
            <li>Sub Item 3</li>
        </ul>
    </li>
    <li>Item 2
        <ul>
            <li>Sub Item 1</li>
            <li>Sub Item 2</li>
            <li>Sub Item 3</li>
        </ul>
    </li>
</ul>
<script>
    $("#menu").kendoMenu({
        openOnClick: {
            rootMenuItems: true
        }
    });
</script>

openOnClick.subMenuItems

Boolean

Specifies that the sub menus will be opened only on item click.

Default: false

<ul id="menu">
    <li>Item 1
        <ul>
            <li>Sub Item 1</li>
            <li>Sub Item 2
                <ul>
                    <li>Sub Item 2.1</li>
                    <li>Sub Item 2.2</li>
                    <li>Sub Item 2.3</li>
                </ul>
            </li>
            <li>Sub Item 3</li>
        </ul>
    </li>
    <li>Item 2
        <ul>
            <li>Sub Item 1</li>
            <li>Sub Item 2
                <ul>
                    <li>Sub Item 2.1</li>
                    <li>Sub Item 2.2</li>
                    <li>Sub Item 2.3</li>
                </ul>
            </li>
            <li>Sub Item 3</li>
        </ul>
    </li>
</ul>
<script>
    $("#menu").kendoMenu({
        openOnClick: {
            subMenuItems: true
        }
    });
</script>