Source: How to resize ONLY horizontally or vertically with jQuery UI Resizable?
A very simple solution:
$( ".selector" ).resizable({ grid: [1, 10000] }); // horizontal
$( ".selector" ).resizable({ grid: [10000, 1] }); // vertical
This works for draggable() as well. Example: http://jsfiddle.net/xCepm/