Definition

                <div data-role="charm">
                    ...charm content...
                </div>
            

Position

                <div data-role="charm" data-position="left|right|top|bottom">
                    ...charm content...
                </div>
            

Execute

                function showCharm(id){
                    var  charm = $(id).data("charm");
                    if (charm.element.data("opened") === true) {
                        charm.close();
                    } else {
                        charm.open();
                    }
                }