HBuilder-二级菜单

代码如下：

<header class="cd-main-header">
	<a class="cd-logo" href="#0">
		<img src="img/cd-logo.svg" alt="图标"></a>    
		<ul class="cd-header-buttons">   
		 <li><a class="cd-search-trigger" href="#cd-search">搜索<span></span></a></li>   
		  <li><a class="cd-nav-trigger" href="#cd-primary-nav">目录<span></span></a></li>  
		  </ul> <!-- cd-header-buttons --></header>  <main class="cd-main-content">  
		  <!-- your content here -->     <div class="cd-overlay"></div></main>  
		  <nav class="cd-nav">  <ul id="cd-primary-nav" class="cd-primary-nav is-fixed">   
		   <li class="has-children">      <a href="#0">学院</a>       
			<ul class="cd-secondary-nav is-hidden">       
			<li class="go-back"><a href="#0">学校目录</a></li>     
			<li class="see-all"><a href="#0">所有人员</a></li>    
			<li class="has-children">    
			<a href="#0">所有专业</a>      
			<ul class="is-hidden">       
			<li class="go-back"><a href="#0">服装专业</a></li>   
			 <li class="see-all"><a href="#0">所有服装专业</a></li>    
			<li class="has-children">
				<a href="#0">设计专业</a> 
				 <ul class="is-hidden"> 
				  <li class="go-back"><a href="#0">图标设计专业</a></li> 
				  <li class="see-all"><a href="#0">服装制作专业</a></li> 
				  <li><a href="#0">建筑设计专业</a></li>
				   <li><a href="#0">礼物设置专业</a></li>
				   <li><a href="#0">酒席摆放专业</a></li> 
					</ul>    等        </li>            <li><!-- ... -->等</li>          
					</ul>    等    </li>          <li><!-- ... -->等等</li>        
					<li><!-- ... -->等</li>        <li><!-- ... -->等等等</li>      
					</ul>    等</li>      
					<li class="has-children">      <!-- ... -->    等</li>      
					<li class="has-children">      <!-- ... -->   等 </li>      
					<li><a href="#0">Standard</a></li>  </ul> <!-- primary-nav -->
					</nav> <!-- cd-nav -->  <div id="cd-search" class="cd-search">  
					<form>    <input type="search" placeholder="搜索...">  </form></div>

效果如下：