jQuery Splitter est un plugin jQuery particulièrement intéressant pour diviser verticalement ou horizontalement une page web en plusieurs parties dont la largeur pourra être modifiée : avec la souris via un simple cliqué-glissé ; en définissant une accesskey ; ou encore en utilisant la touche tab pour sélectionner la bordure et les flèches du clavier pour la déplacer.

Un zeste de html :

<div id="MySplitter">
    <div> Left content goes here </div>
    <div> Right content goes here </div>
</div>

#MySplitter {
    height: 200px;
    width: 500px;
    border: 5px solid #aaa;
}
#MySplitter div {
    overflow: auto;
}
.vsplitbar {
    width: 5px;
    background: #aaa;
}

$().ready(function(){
    $("#MySplitter").splitter();
});