How to make horizontal splitter with jQuery UI Resizable()
<p>Horizontal line / handle, that once clicked and dragged, makes upper div decrease in size while bottom div increase, and vice versa. The idea is to implement a similar splitter to the one present on JSFiddle four windows interface.
<a href="https://i.stack.imgur.com/A8xMG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/A8xMG.png" alt="enter image description here"></a></p>