Edit in JSFiddle

$(function(){
    $('#slide-container').sliding({
        items: 3,
        target: '#target',
        disabledClass: 'disabled'
    });
});
#slide-container {
 border: 1px solid gray;
 overflow: hidden;    
}

.disabled {
 color: gray;   
}    

ul li {
 float: left;    
}
<script type="text/javascript" src="https://raw.github.com/alexanmtz/sliding/master/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="https://raw.github.com/alexanmtz/sliding/master/jquery.scrollTo-1.4.2.js"></script>
<script type="text/javascript" src="https://raw.github.com/alexanmtz/sliding/master/jquery.sliding.js"></script>
<div id="slide-container">
    <ul>
        <li>item 01</li>
        <li>item 02</li>
        <li>item 03</li>
        <li>item 04</li>
        <li>item 05</li>
    </ul>
</div>
<div id="target"></div>