jQuery Splitter Plugin — divisez votre page en plusieurs parties redimensionnables

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>

Quelques gouttes de CSS :

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

Et une pincée de jQuery :

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