How to create a draggable menu div (desktop and mobile)
<p><img src="http://i.stack.imgur.com/E5YsG.jpg" alt="enter image description here"></p>

<p>How to make the above? 
It can drag up and down by dragging the menu text area (menu image or some inner div), and the div comes down or up (with max and min limits) as its dragged.</p>

<p>I cant make this code working, can any one give a practical code?</p>

<pre><code>whole_menu.onPress = function() {
startDrag(this);
};
whole_menu.onRelease =function () {
stopDrag();
};


whole_menu.onPress = function() {
startDrag(this, false, 0, this._y, 800-this._width, this._y);
};
whole_menu.onRelease =function () {
stopDrag();
};
</code></pre>

<p><strong>EDIT:</strong>
added more explanation and code, so <br>
<strong>no need to close this question</strong></p>
