jQuery & CSS: how to convert this drawer menu from left to right? -

jQuery & CSS: how to convert this drawer menu from left to right? -

it's simple jquery drawer menu uses toggle feature i've never worked 3d translations i'm unsure of how adjust menu slide right side instead of left.

http://jsfiddle.net/mhgsr/

#site-wrapper { overflow:hidden; position:relative; width:100%; height:100%; } #site-canvas { position:relative; width:100%; height:100%; -webkit-transform:translatex(0); transform:translatex(0); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-transition:300ms ease all; transition:300ms ease all; -webkit-backface-visibility:hidden; backface-visibility:hidden; } .show-nav #site-canvas { -webkit-transform:translatex(300px); transform:translatex(300px); -webkit-transform:translate3d(300px,0,0); transform:translate3d(300px,0,0); } #site-menu { width:300px; height:100%; position:absolute; top:0; left:-300px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background:#428bca; padding:15px; }

just add together text-align: right; #site-wrapper , reverse 300px values have set.

demo http://jsfiddle.net/mhgsr/1/

jquery css