jQuery实现导航菜单伸缩效果

效果描述：若菜单未展开点击则显示子菜单，否则将子菜单上卷收缩，同时菜单方向图标进行改变

 

<!--left_menu star-->
	<div class="leftMenu" id="leftmenu">
		<div class="menu_detail" id="leftmenu_0">
			<dl>
				<dt>分类标题1<i class="fa fa-chevron-up"></i></dt>
				<dd>
					<ul>
						<li>
							<a href="javascript:;">子标题1</a>
						</li>
						<li>
							<a href="javascript:;">子标题2</a>
						</li>
					</ul>
				</dd>
			</dl>
			<dl>
				<dt>分类标题2<i class="fa fa-chevron-up"></i></dt>
				<dd>
					<ul>
						<li>