Horizontal - Percentage Width

Default is 70% but you can specify whatever you want. Here's 50%.

                
                $('#scotch-panel').scotchPanel({
                    containerSelector: 'body',
                    direction: 'right',
                    duration: 300,
                    transition: 'ease',
                    clickSelector: '.toggle-panel',
                    distanceX: '50%',
                    enableEscapeKey: true
                });