JS中如何实现手风琴效果（俗称二级菜单）

在前段开发中，有时候我们需要用到手风琴效果，那么如何实现我们直接上代码进行分析。
首先构建页面结构：

<ul id="wapper">
	<li class="list">手机品牌   //第一层菜单第一项
		<ul class="two">      //第二层菜单
			<li>华为</li>
			<li>小米</li>
			<li>oppo</li>
			<li>vivo</li>
			<li>苹果</li>
		</ul>
	</li>
	<li class=