Advanced User Interface Controls and Components

IntegralUI Web

Documentation and API Reference


Determines whether sub-menus are automatically opened whenever mouse cursor hovers over their parent menu.

Property Value

A Boolean value. The default is false, stating that menus will not become opened when mouse cursor hovers over their space.


When item is hovered, itemhover event. Additionally, when this property is set to true, it triggers the open event.

Version Information

Supported in: v1.0.


In this example the Menu widget has openOnHover set to true. This enables whenever a mouse cursor is hovering over menu item longer than 500ms, the menu item will open and show its sub-menus.

$(document).ready(function() {

// Create an instance of Menu widget

var $bar = $('#menu').menu({

openOnHover: true



<!DOCTYPE html>



<link rel="stylesheet" href="css/" />

<link rel="stylesheet" href="css/themes/theme-blue.css" />

<script type="text/javascript" src="external/jquery-1.9.1.min.js"></script>

<script type="text/javascript" src="external/jquery.ui.core.min.js"></script>

<script type="text/javascript" src="external/jquery.ui.widget.min.js"></script>

<script type="text/javascript" src="js/jquery.integralui.widget.min.js"></script>

<script type="text/javascript" src="js/"></script>



<div id="menu" class="widget">







<li ><span>MenuItem23</span></li>



<li ><span>MenuItem232</span>












<li ><span>MenuItem3</span></li>













width: 600px;

height: 0;


See Also