wesleytodd · December 11, 2015 15:59
diff --git a/menu.html b/menu.html
 <html>
 	<head>
 		<style>
 			nav li ul {
 				display: none;
 			}
 			nav li.hover ul {
 				display: block;
 			}
 		</style>
 		<script>
 			jQuery(document).ready(function($){
 				
 				$('nav li').each(function(){
 					var to, to2, $this = $(this);
 					$this.hover(function(){
 						clearTimeout(to);
 						to2 = setTimeout(function(){
 							$this.addClass('hover');
 						}, 300);
 					}, function(){
 						clearTimeout(to2);
 						to = setTimeout(function(){
 							$this.removeClass('hover');
 						}, 300);
 					});
 				});
 			});
 		</script>
 	</head>
 	<body>
 		<nav>
 			<ul>
 				<li>Item 1
 					<ul>
 						<li>Sub 1</li>
 						<li>Sub 2</li>
 						<li>Sub 3</li>
 					</ul>
 				</li>
 				<li>Items 2</li>
 				<li>Item 3</li>
 			</ul>
 		</nav>
 	</body>
 </html>