jquery 隐藏 折叠菜单
XML/HTML Code
- <section class="drawer">
- <!-- <div> -->
- <header class="clickme">Current Events</header>
- <!-- </div> -->
- <div class="drawer-content">
- <div class="drawer-items">
- <ul>
- <li>
- <a href="#">
- <div class="title">Item 1</div>
- <div class="time">8:00am</div>
- <div class="location">Other Info</div>
- </a>
- </li>
- <li>
- <a href="#">
- <div class="title">Item 2</div>
- <div class="time">8:00am</div>
- <div class="location">Other Info</div>
- </a>
- </li>
- <li>
- <a href="#">
- <div class="title">Item 3</div>
- <div class="time">8:00am</div>
- <div class="location">Other Info</div>
- </a>
- </li>
- <li>
- <a href="#">
- <div class="title">Item 4</div>
- <div class="time">8:00am</div>
- <div class="location">Other Info</div>
- </a>
- </li>
- </ul>
- </div>
- </div>
- </section>
- <script>
- $(function(){
- $('.drawer').slideDrawer({
- showDrawer: false,
- // slideTimeout: true,
- slideSpeed: 600,
- slideTimeoutCount: 3000,
- });
- });
- </script>
原文地址:http://www.freejs.net/article_daohangcaidan_253.html