CSS3垂直手风琴折叠导航菜单

使用方法：

载入必要CSS样式

<link href="css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />

载入jQuery插件、插件JS文件

<script src='js/jquery.js'>script>
<script src="js/index.js">script>

HTML部分

<ul id="accordion" class="accordion">
  <li>
      <div class="link"><i class="fa fa-paint-brush">i>素材牛一级分类<i class="fa fa-chevron-down">i>div>
      <ul class="submenu">
          <li><a href="http://www.sucainiu.com">jQuery特效a>li>
          <li><a href="http://www.sucainiu.com">jQuery特效a>li>
          <li><a href="http://www.sucainiu.com">jQuery特效a>li>
          <li><a href="http://www.sucainiu.com">jQuery特效a>li>
          <li><a href="http://www.sucainiu.com">jQuery特效a>li>
      ul>
  li>
  <li>
      <div class="link"><i class="fa fa-code">i>素材牛一级分类<i class="fa fa-chevron-down">i>div>
      <ul class="submenu">
          <li><a href="http://www.sucainiu.com">jQuery特效a>li>
          <li><a href="http://www.sucainiu.com">jQuery特效a>li>
          <li><a href="http://www.sucainiu.com">jQuery特效a>li>
          <li><a href="http://www.sucainiu.com">jQuery特效a>li>
          <li><a href="http://www.sucainiu.com">jQuery特效a>li>
      ul>
  li>
  <li>
      <div class="link"><i class="fa fa-mobile">i>素材牛一级分类<i class="fa fa-chevron-down">i>div>
      <ul class="submenu">
          <li><a href="http://www.sucainiu.com">jQuery特效a>li>
          <li><a href="http://www.sucainiu.com">jQuery特效a>li>
          <li><a href="http://www.sucainiu.com">jQuery特效a>li>
          <li><a href="http://www.sucainiu.com">jQuery特效a>li>
          <li><a href="http://www.sucainiu.com">jQuery特效a>li>
      ul>
  li>
  <li><div class="link"><i class="fa fa-globe">i>素材牛一级分类<i class="fa fa-chevron-down">i>div>
      <ul class="submenu">
          <li><a href="http://www.sucainiu.com">jQuery特效a>li>
          <li><a href="http://www.sucainiu.com">jQuery特效a>li>
          <li><a href="http://www.sucainiu.com">jQuery特效a>li>
          <li><a href="http://www.sucainiu.com">jQuery特效a>li>
      ul>
  li>
ul>