JAVASCRIPT

Div draggable x axe only

IN html :
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>

in js:
$(function () {
        $("div[id='nameOfDIV']").draggable({
                axis: "x"
   });