分享5款不同的多级导航切换DIV的jQuery特效

　　5款不同的多级导航切换的jQuery特效,非常适用于APP前端特效，点击二级菜单会切换出三级菜单来替换二级菜单。再次点击又会切换回二级菜单，每款都有很炫酷的特效。欢迎大家下载源码研究研究此特效。

　　个人比较喜欢这种切换的效果。过渡效果都还不错。(点击的时候可以注意观察每行的小三角形的变化)

主要的HTML代码：

<li>
    <a href="#">Furniture</a>
    <ul class="dl-submenu">
        <li class="dl-back"><a href="#">back</a></li>
        <li>
            <a href="#">Living Room</a>
            <ul class="dl-submenu">
            　　<li class="dl-back"><a href="#">back</a></li>
               <li><a href="#">Sofas &amp; Loveseats</a></li>
             　<li><a href="#">Coffee &amp; Accent Tables</a></li>
               <li><a href="#">Chairs &amp; Recliners</a></li>
               <li><a href="#">Bookshelves</a></li>
            </ul>
         </li>
         <li>
             <a href="#">Bedroom</a>
             <ul class="dl-submenu">
          　　<li class="dl-back"><a href="#">back</a></li>
             <li>
                 <a href="#">Beds</a>
                 <ul class="dl-submenu">
                      <li class="dl-back"><a href="#">back</a></li>
                      <li><a href="#">Upholstered Beds</a></li>
                      <li><a href="#">Divans</a></li>
                      <li><a href="#">Metal Beds</a></li>
                      <li><a href="#">Storage Beds</a></li>
                      <li><a href="#">Wooden Beds</a></li>
                      <li><a href="#">Children's Beds</a></li>
                  </ul>
              </li>
              <li><a href="#">Bedroom Sets</a></li>
              <li><a href="#">Chests &amp; Dressers</a></li>
         </ul>
      </li>
      <li><a href="#">Home Office</a></li>
      <li><a href="#">Dining &amp; Bar</a></li>
      <li><a href="#">Patio</a></li>
   </ul>
</li>

效果演示图如下:

来源地址:http://www.jqshare.com/Jq/fondone/id/100.html