jquery 隐藏 折叠菜单

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