DabTilt.Hop()

DabTilt.Hop(element, cssTo [, cssFrom])

デバイスをz軸方向（スマートフォンのスクリーン方向）に跳ねさせた時に、指定した要素のclass属性を変更する。
element: String || HTMLElement
適用する要素のID、または要素
cssTo: String
Hopが検出されたときに追加するclass属性
cssFrom: String
Hopが検出されたときに削除する属性 
<style>
.navigation { display: none; }
.open { display: block; }
</style>

<div id="popupmenu" class="navigation">menu</div>

<script>
	DabTilt.Hop('popupmenu', 'open');
</script>

DabTilt.Hop(element, callback)

コールバック関数を呼び出す。
第二引数の要素はコールバック関数内で、変数thisから参照できる。

element: String || HTMLElement
適用する要素のID、または要素
callback: Function
Hopが検出された時に呼び出される関数

callback関数に渡される引数

function callback(element)

element : HTMLElement
Hop()呼び出し時の第二引数の要素。
callback関数内部では、thisでも参照できる。 
<style>
.navigation { display: none; }
.open { display: block; }
</style>

<div id="popupmenu" class="navigation">menu</div>
<script>
    DabTilt.Hop('popupmenu', 
        function(e){ this.className='open'; }
    );
</script>

DabTilt.Hop(callback)

コールバック関数を呼び出す。

callback: Function
Hopが検出された時に呼び出される関数
<style>
.navigation { display: none; }
.open { display: block; }
</style>

<div id="popupmenu" class="navigation">menu</div>
<script>
    DabTilt.Hop(
        function(){ document.getElementById('popupmenu').className='open';}
    );
</script>