jQuery Splitter — divisez votre contenu en plusieurs parties redimensionnables

C’est sur le Dator Blog, que j’ai déniché jQuery Splitter tout droit sorti de chez Dave Methvin. La splitbar peut être déplacée très facilement de manière accessible en cliquant-déplaçant avec la souris, avec une accessKey ou encore via la touche tab. jQuery Splitter requiert la version 1.3.2 de jQuery et permet d’afficher une séparation entre deux contenus sous la forme :

HTML

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

CSS

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

jQuery

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