Installation:
1. Make sure jQuery is attached to your document:
<script type="text/javascript" src="path_to/jquery.min.js"></script>
2. Attach vsmenu.js to your document:
<script type="text/javascript" src="js/vsmenu.js"></script>
3. Attach vsmenu.css to your document:
<link rel="stylesheet" type="text/css" href="css/vsmenu.css">
3. Add vsmenu class to your list along with the theme class:
<ul class="vsmenu vs_codecanyon">
Themes and their Installations:
CodeCanyon Style:
Installation:
<ul class="vsmenu vs_codecanyon">
	<li><a href="#">Home</a>
		<ul>
			<li><a href="">Mobile Services</a>
				<ul>
					<li class="active"> <a href="">GSM Services</a></li>
					<li><a href="">Repairing Services</a></li>
					<li><a href="">Installation Services</a></li>
					<li><a href="">Debugging</a></li>
				</ul>
			</li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>

	<li <a href="#">Contact</a></li>
	<li><a href="#">About</a></li>
	<li><a href="#">Portfolio</a></li>
	<li><a href="#">Company</a>
		<ul>
			<li><a href="">Mobile Services</a></li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>
	
	<li><a href="#">Map</a></li>
</ul>

WordPress Style:
Installation:
<ul class="vsmenu vs_wordpress">
	<li><a href="#">Home</a>
		<ul>
			<li><a href="">Mobile Services</a>
				<ul>
					<li><a href="">GSM Services</a></li>
					<li><a href="">Repairing Services</a></li>
					<li><a href="">Installation Services</a></li>
					<li><a href="">Debugging</a></li>
				</ul>
			</li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>

	<li class="active"><a href="#">Contact</a></li>
	<li><a href="#">About</a></li>
	<li><a href="#">Portfolio</a></li>
	<li><a href="#">Company</a>
		<ul>
			<li><a href="">Mobile Services</a></li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>
	
	<li><a href="#">Map</a></li>
</ul>

Blue:
Installation:
<ul class="vsmenu vs_blue">
	<li><a href="#">Home</a>
		<ul>
			<li><a href="">Mobile Services</a>
				<ul>
					<li><a href="">GSM Services</a></li>
					<li><a href="">Repairing Services</a></li>
					<li><a href="">Installation Services</a></li>
					<li><a href="">Debugging</a></li>
				</ul>
			</li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>

	<li class="active"><a href="#">Contact</a></li>
	<li><a href="#">About</a></li>
	<li><a href="#">Portfolio</a></li>
	<li><a href="#">Company</a>
		<ul>
			<li><a href="">Mobile Services</a></li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>
	
	<li><a href="#">Map</a></li>
</ul>

Silver:
Installation:
<ul class="vsmenu vs_plain_silver">
	<li><a href="#">Home</a>
		<ul>
			<li><a href="">Mobile Services</a>
				<ul>
					<li><a href="">GSM Services</a></li>
					<li><a href="">Repairing Services</a></li>
					<li><a href="">Installation Services</a></li>
					<li><a href="">Debugging</a></li>
				</ul>
			</li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>

	<li class="active"><a href="#">Contact</a></li>
	<li><a href="#">About</a></li>
	<li><a href="#">Portfolio</a></li>
	<li><a href="#">Company</a>
		<ul>
			<li><a href="">Mobile Services</a></li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>
	
	<li><a href="#">Map</a></li>
</ul>

Plain Black:
Installation:
<ul class="vsmenu vs_plain_black">
	<li><a href="#">Home</a>
		<ul>
			<li><a href="">Mobile Services</a></li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>

	<li class="active"><a href="#">Contact</a></li>
	<li><a href="#">About</a></li>
	<li><a href="#">Portfolio</a></li>
	<li><a href="#">Company</a>
		<ul>
			<li><a href="">Mobile Services</a></li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>
	
	<li><a href="#">Map</a></li>
</ul>

Plain White:
Installation:
<ul class="vsmenu vs_plain_white">
	<li><a href="#">Home</a>
		<ul>
			<li><a href="">Mobile Services</a></li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>

	<li class="active"><a href="#">Contact</a></li>
	<li><a href="#">About</a></li>
	<li><a href="#">Portfolio</a></li>
	<li><a href="#">Company</a>
		<ul>
			<li><a href="">Mobile Services</a></li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>
	
	<li><a href="#">Map</a></li>
</ul>

FireFox:
Installation:
<ul class="vsmenu vs_firefox">
	<li><a href="#">Home</a>
		<ul>
			<li><a href="">Mobile Services</a></li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>

	<li class="active"><a href="#">Contact</a></li>
	<li><a href="#">About</a></li>
	<li><a href="#">Portfolio</a></li>
	<li><a href="#">Company</a>
		<ul>
			<li><a href="">Mobile Services</a></li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>
	
	<li><a href="#">Map</a></li>
</ul>

Chrome:
Installation:
<ul class="vsmenu vs_chrome">
	<li><a href="#">Home</a>
		<ul>
			<li><a href="">Mobile Services</a></li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>

	<li class="active"><a href="#">Contact</a></li>
	<li><a href="#">About</a></li>
	<li><a href="#">Portfolio</a></li>
	<li><a href="#">Company</a>
		<ul>
			<li><a href="">Mobile Services</a></li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>
	
	<li><a href="#">Map</a></li>
</ul>

Dark2:
Installation:
<ul class="vsmenu vs_dark2">
	<li><a href="#">Home</a>
		<ul>
			<li><a href="">Mobile Services</a></li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>

	<li class="active"><a href="#">Contact</a></li>
	<li><a href="#">About</a></li>
	<li><a href="#">Portfolio</a></li>
	<li><a href="#">Company</a>
		<ul>
			<li><a href="">Mobile Services</a></li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>
	
	<li><a href="#">Map</a></li>
</ul>

Pink:
Installation:
<ul class="vsmenu vs_pink">
	<li><a href="#">Home</a>
		<ul>
			<li><a href="">Mobile Services</a></li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>

	<li class="active"><a href="#">Contact</a></li>
	<li><a href="#">About</a></li>
	<li><a href="#">Portfolio</a></li>
	<li><a href="#">Company</a>
		<ul>
			<li><a href="">Mobile Services</a></li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>
	
	<li><a href="#">Map</a></li>
</ul>

Metal:
Installation:
<ul class="vsmenu vs_metal">
	<li><a href="#">Home</a>
		<ul>
			<li><a href="">Mobile Services</a></li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>

	<li class="active"><a href="#">Contact</a></li>
	<li><a href="#">About</a></li>
	<li><a href="#">Portfolio</a></li>
	<li><a href="#">Company</a>
		<ul>
			<li><a href="">Mobile Services</a></li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>
	
	<li><a href="#">Map</a></li>
</ul>

Creamy:
Installation:
<ul class="vsmenu vs_creamy">
	<li><a href="#">Home</a>
		<ul>
			<li><a href="">Mobile Services</a></li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>

	<li class="active"><a href="#">Contact</a></li>
	<li><a href="#">About</a></li>
	<li><a href="#">Portfolio</a></li>
	<li><a href="#">Company</a>
		<ul>
			<li><a href="">Mobile Services</a></li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>
	
	<li><a href="#">Map</a></li>
</ul>

Ocean:
Installation:
<ul class="vsmenu vs_ocean">
	<li><a href="#">Home</a>
		<ul>
			<li><a href="">Mobile Services</a></li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>

	<li class="active"><a href="#">Contact</a></li>
	<li><a href="#">About</a></li>
	<li><a href="#">Portfolio</a></li>
	<li><a href="#">Company</a>
		<ul>
			<li><a href="">Mobile Services</a></li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>
	
	<li><a href="#">Map</a></li>
</ul>

Nature:
Installation:
<ul class="vsmenu vs_nature">
	<li><a href="#">Home</a>
		<ul>
			<li><a href="">Mobile Services</a></li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>

	<li class="active"><a href="#">Contact</a></li>
	<li><a href="#">About</a></li>
	<li><a href="#">Portfolio</a></li>
	<li><a href="#">Company</a>
		<ul>
			<li><a href="">Mobile Services</a></li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>
	
	<li><a href="#">Map</a></li>
</ul>

Green:
Installation:
<ul class="vsmenu vs_green">
	<li><a href="#">Home</a>
		<ul>
			<li><a href="">Mobile Services</a></li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>

	<li class="active"><a href="#">Contact</a></li>
	<li><a href="#">About</a></li>
	<li><a href="#">Portfolio</a></li>
	<li><a href="#">Company</a>
		<ul>
			<li><a href="">Mobile Services</a></li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>
	
	<li><a href="#">Map</a></li>
</ul>

Light Blue:
Installation:
<ul class="vsmenu vs_lightblue">
	<li><a href="#">Home</a>
		<ul>
			<li><a href="">Mobile Services</a></li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>

	<li class="active"><a href="#">Contact</a></li>
	<li><a href="#">About</a></li>
	<li><a href="#">Portfolio</a></li>
	<li><a href="#">Company</a>
		<ul>
			<li><a href="">Mobile Services</a></li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>
	
	<li><a href="#">Map</a></li>
</ul>

Glass:
Installation:
<ul class="vsmenu vs_glass">
	<li><a href="#">Home</a>
		<ul>
			<li><a href="">Mobile Services</a></li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>

	<li class="active"><a href="#">Contact</a></li>
	<li><a href="#">About</a></li>
	<li><a href="#">Portfolio</a></li>
	<li><a href="#">Company</a>
		<ul>
			<li><a href="">Mobile Services</a></li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>
	
	<li><a href="#">Map</a></li>
</ul>

Light:
Installation:
<ul class="vsmenu vs_light">
	<li><a href="#">Home</a>
		<ul>
			<li><a href="">Mobile Services</a></li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>

	<li class="active"><a href="#">Contact</a></li>
	<li><a href="#">About</a></li>
	<li><a href="#">Portfolio</a></li>
	<li><a href="#">Company</a>
		<ul>
			<li><a href="">Mobile Services</a></li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>
	
	<li><a href="#">Map</a></li>
</ul>

Metal:
Installation:
<ul class="vsmenu vs_metal">
	<li><a href="#">Home</a>
		<ul>
			<li><a href="">Mobile Services</a></li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>

	<li class="active"><a href="#">Contact</a></li>
	<li><a href="#">About</a></li>
	<li><a href="#">Portfolio</a></li>
	<li><a href="#">Company</a>
		<ul>
			<li><a href="">Mobile Services</a></li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>
	
	<li><a href="#">Map</a></li>
</ul>

Dark:
Installation:
<ul class="vsmenu vs_dark">
	<li><a href="#">Home</a>
		<ul>
			<li><a href="">Mobile Services</a></li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>

	<li class="active"><a href="#">Contact</a></li>
	<li><a href="#">About</a></li>
	<li><a href="#">Portfolio</a></li>
	<li><a href="#">Company</a>
		<ul>
			<li><a href="">Mobile Services</a></li>
			<li><a href="">Telecom Services</a></li>
			<li><a href="">Software Services</a></li>
			<li><a href="">Customer Support</a></li>
			<li><a href="">Employee Management</a></li>
			<li><a href="">Hiring Services</a></li>
		</ul>
	</li>
	
	<li><a href="#">Map</a></li>
</ul>