title: jQuery UI and Splitter
body: <p>Using jQuery UI, how can I use a Splitter kind of feature like the one at 
  <a href="http://methvin.com/splitter/3csplitter.html" rel="nofollow">http://methvin.com/splitter/3csplitter.html</a>?</p>
  
  <p>I am asking this as I need 2 things to be implemented on my page;
  Portlet (Draggable) :: <a href="http://jqueryui.com/sortable/#portlets" rel="nofollow">http://jqueryui.com/sortable/#portlets</a>
  and Vertical Splitter :: <a href="http://methvin.com/splitter/3csplitter.html" rel="nofollow">http://methvin.com/splitter/3csplitter.html</a></p>
  
  <p>I am not sure how good coding practice it is if I am including 2 separate libraries (even though both are jQuery based);
  like <a href="http://host.sonspring.com/portlets/" rel="nofollow">http://host.sonspring.com/portlets/</a> for Portlets
  and <a href="http://methvin.com/splitter/3csplitter.html" rel="nofollow">http://methvin.com/splitter/3csplitter.html</a> for Splitter </p>