JavaScript Only - With Easing Plugin

JS is always used as a fallback. By default, jQuery animate only has a "linear" animation. If you ever need to customize the fallback, you can do with the Easing jQuery plugin.

                

                // Make sure you include jQuery Easing (check the bottom of this page)!
                // http://gsgd.co.uk/sandbox/jquery/easing/

                $('#scotch-panel').scotchPanel({

                    easingPluginTransition: 'easeInCirc',
                    useCSS: false,
                    useEasingPlugin: false, // http://gsgd.co.uk/sandbox/jquery/easing/ only for browser support

                    containerSelector: 'body',
                    direction: 'right',
                    duration: 300,
                    transition: 'ease',
                    clickSelector: '.toggle-panel',
                    distanceX: '70%',
                    enableEscapeKey: true
                });