首页>>导航菜单>>JQuery垂直手风琴菜单(2020-07-10)

JQuery垂直手风琴菜单

JQuery垂直手风琴菜单
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="content">  
  2. <!-- .list以下（包含.list）以下为本插件内容，需要的同学可复制里面部分即可。 -->  
  3.     <div class="list">  
  4.         <ul>  
  5.             <li>  
  6.                 <p class="title">Item1</p>  
  7.                 <ul class='list-se'>  
  8.                     <p class="title">Item1</p>  
  9.                     <li><p>li-1</p></li>  
  10.                 </ul>  
  11.             </li>  
  12.             <li>  
  13.                 <p class="title">Item2</p>  
  14.                 <ul class='list-se'>  
  15.                     <p class="title">Item2</p>  
  16.                     <li><p>li-1</p></li>  
  17.                     <li><p>li-2</p></li>  
  18.                     <li><p>li-3</p></li>  
  19.                     <li><p>li-4</p></li>  
  20.                     <li><p>li-5</p></li>  
  21.                     <li><p>li-6</p></li>  
  22.                 </ul>  
  23.             </li>  
  24.             <li>  
  25.                 <p class="title">Item3</p>  
  26.                 <ul class='list-se'>  
  27.                     <p class="title">Item3</p>  
  28.                     <li><p>li-1</p></li>  
  29.                     <li><p>li-2</p></li>  
  30.                     <li><p>li-3</p></li>  
  31.                 </ul>  
  32.             </li>  
  33.             <li>  
  34.                 <p class="title">Item4</p>  
  35.                 <ul class='list-se'>  
  36.                     <p class="title">Item4</p>  
  37.                     <li><p>li-1</p></li>  
  38.                     <li><p>li-2</p></li>  
  39.                     <li><p>li-3</p></li>  
  40.                 </ul>  
  41.   
  42.             </li>  
  43.             <li>  
  44.                 <p class="title">foot5</p>  
  45.             </li>  
  46.         </ul>  
  47.     </div>  
  48.   
  49. </div>  

 


原文地址:http://www.freejs.net/article_daohangcaidan_877.html