Skip to Navigation or
Skip to Content

JavaScript Vertical Splitter

JavaScript Vertical SplitterThe JavaScript Vertical Splitter is a stand alone script that allows two side-by-side containers to be resized by dragging a handle left or right.

It can work in two different modes, the first allows you to resize by dragging and the second is a "click to show/hide". You can see both of these in the demo.

To use the script you need the following...

And then you set it up using the following JavaScript.

VerticalSplitter.SetUpElement({ containerId: "resizeme", firstItemId: "first", secondItemId: "second" });

 

You Are Here: Home » JavaScript » JavaScript Vertical Splitter

 

I use a cookie on this website. This cookie doesn't contain or relate to any personal information and it isn't shared with any other website, it just ensures that I don't count you more than once in my website statistics. The Privacy and Electronic Communications Regulations require me to ask your permission to use this cookie, so please indicate below that you are happy for me to do this - I will remember your selection with a cookie, so if you accept I won't ask again...