jQuery.splitter Demo

by Budhram Gurung

HTML

<script src="http://jquery.jcubic.pl/js/jquery.splitter-0.14.0.js"></script>
<link rel="stylesheet" href="http://jquery.jcubic.pl/css/jquery.splitter.css">
<div id="spliter2">
    <div class="a">Praesent volutpat tellus in eros dapibus elementum. Nam laoreet risus non nulla mollis ac luctus felis dapibus. Pellentesque mattis elementum augue non sollicitudin. Nullam lobortis fermentum elit ac mollis. Nam ac varius risus. Cras faucibus euismod nulla, ac auctor diam rutrum sit amet.</div>
    <div class="b">Praesent volutpat tellus in eros dapibus elementum. Nam laoreet risus non nulla mollis ac luctus felis dapibus. Pellentesque mattis elementum augue non sollicitudin. Nullam lobortis fermentum elit ac mollis. Nam ac varius risus. Cras faucibus euismod nulla, ac auctor diam rutrum sit amet.</div>
</div>

CSS

#spliter2 .a {
  background-color: #2d2d2d;
}
#spliter2 .b {
  background-color: #2d002d;
}

JavaScript

$('#spliter2').css({
    width: 400,
    height: 300
}).split({
    orientation: 'vertical',
    limit: 20
});