After using jQuery Splitter, everything was working as according to my requirement.
But as you never get your destination smoothly I also got stuck by one issue.
The issue was when I minimize the screen the three vertical panes doesn’t resize as proportion to their width ratio as shown below:
It looks like limitation of the jQuery Splitter plugin. Same issue found in plugin demo url.
To solve this issue, I need to do following workaround.
I had to handled window resize event, calculate and apply each div’s width and slider left attribute.
This really helped me to meet my requirement properly.