Side Menu / Navigation - The HTML5 Way

This method uses HTML5 Data Attributes for setting the options.

                
                <div
                    id="scotch-panel"
                    data-containerSelector="body"
                    data-direction="top"
                    data-transition="ease"
                    data-duration="300"
                    data-clickSelector=".toggle-panel"
                >
                     <ul>
                        <li><a href="#">Home</a></li>
                        <li><a href="#">About</a></li>
                        <li><a href="#">Services</a></li>
                        <li><a href="#">Contact</a></li>
                    </ul>
                </div>
                
                
                
                $('#scotch-panel').scotchPanel();