Jq实现下拉菜单

#nav {color:#FFF;margin-top: 5px;}
#nav > li{float:left;width:auto;margin-left: 20px;position: relative;}
#nav > li > a{display: block; padding: 12px 8px 15px 8px;line-height: 26px;font-size: 16px;color:#FFF;outline: none;}
/* 下拉菜单样式 */
#nav  ul a {display: block;min-width: 100%;height: 40px;line-height: 40px;text-align: center;}
#nav  ul {border-radius:2px;position: absolute;color: #FFF;left: 0;min-width: 100px;padding: 5px 0;box-shadow: 0 2px 4px rgba(0, 0, 0, .12);background-color:#FFF;z-index: 100;}


			<div>
				<ul id="nav">
					<li>
						<a href="">标题一</a>
					</li>
					<li>
						<a href="">标题二</a>
						<ul style="display:none;">
							<li><a href="">下拉菜单二</a></li>
							<li><a href="">下拉菜单二</a></li>
							<li><a href="">下拉菜单三</a></li>
						</ul>
					</li>
				</ul>
			</div>
		</div>