title: Adjust a div's height/width by dragging its left/top border without jQuery draggable?
body: <p>I've been struggling to achieve this! We don't want an extra dependency hence not using UI draggable.
  Whatever I tried is over here: <a href="http://jsfiddle.net/wSTcJ/" rel="nofollow">http://jsfiddle.net/wSTcJ/</a></p>
  
  <pre><code>&lt;div id="cont"&gt;
      &lt;div id="test"&gt;
  
      &lt;/div&gt;
      &lt;div id="test2"&gt;
  
      &lt;/div&gt;
      &lt;div id="drag"&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And the jQuery code is in the Fiddle.</p>
  
  <p>The first div is under the second. The second one's width is kept to 0, now when I drag the drag bar, I want to adjust the width of this div, revealing its content and thus overlapping the first one's content. My code allows me to drag, but stops after some time and doesn't drag from the right to left!</p>
  
  <p>Any ideas to make it working?</p>