<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Menu functionality</title>
<!-- CSS -->
<style>
.ui-menu {
width: 200px;
}
</style>
<!-- Javascript -->
<script>
$(function() {
setTimeout(function(){$( "#menu-4" ).menu().find( "#java" ).mouseenter();},1000);
setTimeout(function(){$( "#menu-4" ).menu().find( "#swing" ).mouseenter();},2000);
setTimeout(function(){$( "#menu-4" ).menu("focus", null, $( "#menu-4" ).menu().find( "#jwindow" ))},3000);
});
</script>
</head>
<body>
<!-- HTML -->
<ul id="menu-4">
<li><a href="#">Spring</a></li>
<li><a href="#">Hibernate</a></li>
<li><a href="#">JSF</a></li>
<li><a href="#">HTML5</a></li>
<li><a href="#">Java</a>
<ul>
<li><a href="#">Java IO</a></li>
<li><a id=swing href="#">Swing</a>
<ul>
<li><a href="#">JDialog</a></li>
<li><a id=jwindow href="#">JWindow</a></li>
<li><a href="#">JButton</a></li>
</ul>
</li>
<li><a href="#">Jaspr Reports</a></li>
</ul>
</li>
</ul>
</body>
</html>