CODE


<!--If you have already use jquery, then this line is not necessary-->
<script src="js/jquery-1.11.1.min.js"></script>


<!-- Plugins files-->
<link rel="stylesheet" href="css/liShopen.css">
<link rel="stylesheet" href="css/liShopen-theme-1.css">
<script src="js/jquery.liShopen.js"></script> 


<!-- Initialization of plugin -->
<script>
$(function(){
	$('.menuShopen').liShopen();
	
	/*== or ==*/
	
	$('.menuShopen').liShopen({
		subItemsMax: 5,		//If the Number of items sub categories more than the set value, 
							//the unit with sub items will be pressed against the upper edge of the menu,
							//otherwise it will be on par with the parent.
							//If you do not need adherence to the upper side, set this value to 999
							//It may take the values: any positive number
									
		delay:300,			//If you quickly move the cursor, the menu will not respond. 
							//The desired category appears only when you hold the cursor on it. 
							//It may take the values: any positive number, ms
							
		outTimeout:600,		//The time delay before closing the menu when cursor out.	
							//It may take the values: any positive number, ms								
							
		responsive:true	,	//This option allows to adapt the menu for mobile devices
							//It may take the values: true or false
							
		maxHeight:'auto'	//This parameter sets the maximum height of the blocks with items.
							//If too many items then scrolling appears.
							//If you do not need scrolling, set the value of this parameter in 9999
							//It may take the values: 'auto' or any positive number
	});
	
})
</script> 


<!-- HTML code-->
<ul class="menuShopen">
	<li><a href="#">Clicable link 1</a></li>
	<li><a href="#">Clicable link 2</a>
		<ul>
			<li><a href="#">Clicable link 2.1</a></li>
			<li><a href="#">Clicable link 2.2</a></li>
			<li><a href="#">Clicable link 2.3</a>
				<ul>
					<li><a href="#">Clicable link 2.3.1</a></li>
					<li><a href="#">Clicable link 2.3.2</a></li>
					<li><a href="#">Clicable link 2.3.3</a></li>
					<li><a href="#">Clicable link 2.3.4</a></li>
				</ul>
			</li>
			<li><a href="#">Clicable link 2.4</a></li>
		</ul>
	</li>
	<li><a href="#">Clicable link 3</a></li>
	<li><a href="#">Clicable link 4</a></li>
</ul>
			

Responsive Multi Level Vertical Menu

DOWNLOAD PLUGIN