jQuery-UI: resizable - how to increase size of draggable edge?
html, javascript, jquery, jquery-ui
Solution
With calling `$(...).resize()`, you're able to set any child-element as handle. Take a look at this example:
$( "#resizeDiv" ).resizable({handles: {'s': '#handle'}});
It enables resizing for the `#resizeDiv` at the bottom edge, assigning the `#handle` element as the active dragging area.
Problem
I am using jQuery-UI's resizable edges to increase the height of a table. I am wondering how to create a thicker bottom border which can be dragged? Increasing the border around the table doesn't make a difference.