jquery 隐藏 折叠菜单

jquery 隐藏 折叠菜单

 

演示

 

 

XML/HTML Code

1. <section class="drawer">  
2.         <!-- <div> -->  
3.             <header class="clickme">Current Events</header>  
4.         <!-- </div> -->  
5.         <div class="drawer-content">  
6.             <div class="drawer-items">  
7.                 <ul>  
8.                     <li>  
9.                         <a href="#">  
10.                         <div class="title">Item 1</div>  
11.                         <div class="time">8:00am</div>  
12.                         <div class="location">Other Info</div>  
13.                         </a>  
14.                     </li>  
15.                     <li>  
16.                         <a href="#">  
17.                         <div class="title">Item 2</div>  
18.                         <div class="time">8:00am</div>  
19.                         <div class="location">Other Info</div>  
20.                         </a>  
21.                     </li>  
22.                     <li>  
23.                         <a href="#">  
24.                         <div class="title">Item 3</div>  
25.                         <div class="time">8:00am</div>  
26.                         <div class="location">Other Info</div>  
27.                         </a>  
28.                     </li>  
29.                     <li>  
30.                         <a href="#">  
31.                         <div class="title">Item 4</div>  
32.                         <div class="time">8:00am</div>  
33.                         <div class="location">Other Info</div>  
34.                         </a>  
35.                     </li>  
36.                 </ul>  
37.             </div>    
38.         </div>  
39.     </section>  
40.   
41.     <script>  
42.     $(function(){  
43.         $('.drawer').slideDrawer({  
44.             showDrawer: false,  
45.             // slideTimeout: true,  
46.             slideSpeed: 600,  
47.             slideTimeoutCount: 3000,  
48.         });  
49.     });  
50.     </script>  

 

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