Jquery Splitter Plugin Here
A jQuery Splitter plugin allows you to divide a web page or container into two or more resizable panels (vertical or horizontal). Users can drag a divider bar to adjust the relative size of each pane.
.splitter-bar background-color: #3498db; width: 6px !important; /* For vertical splitter */ cursor: col-resize; jquery splitter plugin
#mySplitter, .splitter-container width: 100%; height: 500px; /* Fixed or min-height */ A jQuery Splitter plugin allows you to divide
<link rel="stylesheet" href="jquery.splitter.css" /> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="jquery.splitter.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jquery.splitter@0.28.0/css/jquery.splitter.css"> <script src="https://cdn.jsdelivr.net/npm/jquery.splitter@0.28.0/js/jquery.splitter.js"></script> 3. Basic Usage HTML Structure Create a container div with two or more child divs: width: 6px !important