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
});