类似QQ的竖向展开折叠菜单HTML+CSS结构

类似QQ的竖向展开折叠菜单,HTML+CSS结构,非常易于修改。
看下面的代码片段，结构异常清晰明了，采用了<h2></h2>做栏目标题，符合SEO优化的HTML结构语义化写法，下面的DIV层中可以书写任意内容。
代码片段：
<div id="DoorP">
  <h2>懒人建站</h2>
  <div class="content"><a href="http://www.51xuediannao.com/js/nav/"> ·导航菜单</a></div>
  <h2>HTML+CSS模板</h2>
  <div class="content"><a href="http://www.51xuediannao.com/HTML+CSS/"> ·HTML+CSS模板</a></div>
  <h2>焦点幻灯</h2>
  <div class="content"><a href="http://51xuediannao.com/JS/Slide/"> ·焦点幻灯_懒人建站</a></div>
  <h2>CSS技巧</h2>
  <div class="content"><a href="http://51xuediannao.com/jiqiao/css/"> ·懒人建站提供CSS技巧</a></div>
  <h2>CSS建站技巧</h2>
  <div class="content"><a href="http://51xuediannao.com/jiqiao/cms/"> ·CSS建站技巧</a></div>
  <h2>JS广告代码</h2>
  <div class="content"><a href="http://51xuediannao.com/JS/AD/"> ·JS广告代码</a></div>
</div>

TAG标签